vue+mysql+node.js项目部署到腾讯云-云服务器/轻量应用服务器

4 篇文章 0 订阅
订阅专栏

        

node 14.16.1     

nginx 1.18.0

mysql 8.0.26     

nginx 静态高性能的HTTP和 反向代理web服务器

nginx主配置文件

/usr/local/lighthouse/softwares/nginx/conf/nginx.conf

vim /usr/local/lighthouse/softwares/nginx/conf/nginx.conf

立即进入,如图:

 按i可修改

 #注释

按Esc键 ,:wq 按Enter键保存并退出

cd /usr/local/lighthouse/softwares/nginx/html
ls

nginx重启刷新

systemctl restart nginx.service

查看 nginx进程

ps aux|grep nginx

刷新前:

 刷新后:

index.html

 50x.html

1.vue项目部署

项目url

前端接口路径localhost应全部替换为公网IP

cd /usr/local/lighthouse/softwares/nginx/html
ls

rm -rf index.html 

rz
ls
unzip dist.zip 
ls

 

 

sudo vim /usr/local/lighthouse/softwares/nginx/conf/nginx.conf

 按i可修改

root html/dist

server_name 域名或公网IP

按Esc键 ,:wq 按Enter键保存并退出

 nginx重启刷新

systemctl restart nginx.service

vue前端已完成

 2.node项目部署

  查看 Node.js 版本信息

 安装 Node.js 多版本(可选)

 1.执行以下命令,安装 git。

yum install -y git

2.执行以下命令,下载 NVM 源码并检查最新版本。

git clone https://github.com/cnpm/nvm.git ~/.nvm && cd ~/.nvm && git checkout `git describe --abbrev=0 --tags`

3.执行以下命令,配置 NVM 环境变量。

echo ". ~/.nvm/nvm.sh" >> /etc/profile

4.执行以下命令,读取环境变量。

source /etc/profile

5.执行以下命令,查看 Node.js 所有版本。

nvm list-remote

6.依次执行以下命令,安装多个版本的 Node.js

nvm install v16.15.0
nvm install  v18.5.0

 7.执行以下命令,查看已安装的 Node.js 版本。

nvm ls

8.执行以下命令,切换 Node.js 使用版本

nvm use v16.15.0

121.4.57.230

除了node_modules

node项目,随便放我就放在这里好了

cd /usr/local
mkdir serve
cd serve

上传node项目

rz

别中断,上传需要时间,上传之前,记得把所有文件先保存,不然真的会卡死

unzip app.zip 

ls

npm --registry https://registry.npm.taobao.org install

 嫌原来的压缩包会占空间,可以删掉,


出现3000端口被占用是nginx反向代理的问题

原因是端口号80被其它程序或文件占用了,那么就干掉这个程序吧 

sudo fuser -k 3000/tcp

 这个端口不好用,老是被占用,自己可以新开一个

pm2的安装

 npm --registry https://registry.npm.taobao.org install pm2 -g

 pm2的基本使用

pm2 start app.js

 node后端已完成

react 单页面也可采用上述一样方法部署到服务器

mognodb也一样

【案例实战】NodeJS+Vue3+MySQL实现列表查询功能
互联网小阿祥
10-31 2175
NodeJS+Vue3+MySQL实现列表查询功能
基于VUE+NodeJs+MySQL的图书管理系统设计与实现
毕业作品网站
01-09 4143
4.借还信息的查询、还书(逾期欠费需缴费才能还书)、新增借书:借书证号、读者名、编号、书名、借书日期、预计归还日期,可删除新增记录。由此,结构可分为:图书管理、读者管理、管理员管理、借还管理、罚单管理、还书信息。1.图书的查阅、修改、删除、图书入库:编号、书名、作者、出版社、在库数、类别。本图书管理系统主要实现对图书馆的管理:图书、读者、管理员、借阅。2.读者的查询、修改、删除、新增读者:借书证号、姓名、班级、院系。3.管理员的查询、修改、删除、新增管理员:编号、姓名、负责书库。
2. 基于Vue+Element+nodeJs+Express+MySql后台管理系统-数据库(SQL语句)
一片天空
11-01 4291
今天开始步入Vue+nodeJs+MySql之周报管理系统项目的第一步——数据库。 我这里用的数据库是MySql数据库。 对数据库的操作主要有两种方式:1. SQL语句; 2. 图像化界面。接下来我们来看看这两种方式分别是怎样对数据库进行操作的吧。 SQL语句方式 1. 下载MySQL数据库 MySQL下载链接:https://dev.mysql.com/downloads/mysql/...
超详细部署vue+node+mysql项目到腾讯云的步骤
weixin_52375405的博客
10-15 2012
超详细的node加vue项目部署教程
Node、MySQLVue应用程序的服务器部署:从头开始
weixin_43263566的博客
09-22 1556
将 node + mysql + vue 部署到服务器
基于vue+node.js+mysql的网站商城
06-01
所用技术:vue全家桶、vueRouter、Element UI、Axios、js、Node.js、Express、Mysql 实现功能:首页轮播图、商品展示、购物车、留言评论、收藏、新闻公告、注册登录、后台管理等
这是一个全栈完整项目uniapp小程序+vue后台管理系统+node.js完整项目+mysql数据库
07-09
uni-app+webpack+vue+axios+node.js+express+mysql 小程序端项目描述 **具体模块的实现:**轮播图与招聘车队的展示、赛事规则与精彩十佳球的查看、赛赛车队人员信息的查看、流程页面采用触底页进行渲染、用户登录...
使用宝塔面板 将vue+node+mysql部署至云服务器.docx
最新发布
06-19
无需购买域名,使用宝塔面板 将vue+node+mysql部署至云服务器,且正常访问
基于vue+node.js+mysql的校园疫情管理系统.zip
12-11
基于vue+node.js+mysql的校园疫情管理系统.zip 前端基于vue.js+element-ui,后端基于node+express,数据库使用sql,网络请求使用axios的校园疫情管理系统 基于vue+node.js+mysql的校园疫情管理系统.zip 前端基于vue....
通过Vue+node.js+Element-UI+MySql实现超市管理系统.rar
12-16
订单管理模块,数据统计echarts表,该管理系统通过Vue+node.js+Element-UI+MySql实现,其主要功能模块含有用户登陆模块,用户管理模块,权限管理模块,商品管理模块,订单管理模块。 论文应当对各个部分的设计和实现...
node+vue+mysql前后端分离增删改查
08-17
node+vue前后端分离增删改查:node+express+mysql作为后台,vue+bootstrap+jQuery作为前端,简单的增删改查
个人建站心得(Vue+nodejs+mysql)
qq_46005015的博客
12-19 733
这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题,有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能,丰富你的文章UML 图表FLowchart流程图导出与导入导出导入 欢迎使用Markdown编辑器 你好! 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Mar
部署vue或react项目(腾讯云简简单单)
m0_54861649的博客
03-02 1226
①购买腾讯云(必不可少) 1.如果你是25岁一下 :可以学生价格几十元购买 点击这里 (一般选择普通的liunx或基于linux的centOS系统等等) 2.如果购买完成我们来到个人页面->找到自己购买的服务器 3.点击登录 -> 如图:-------> ①安装nodeJs 1.点击登录 输入一下命令 (切换为root用户 , 防止权限不足) sudo su root 2.我们进入到用户本地目录 将nodeJs安装在这里 Ⅰ、进入该目录 cd /usr/local/ Ⅱ、下载n
微信小程序入门,可跳过
qq_60833398的博客
11-22 300
微信小程序,微信小程序入门
vue项目打包部署到腾讯云全过程
xYY_X_xYY的博客
10-28 5414
文章目录1.打包本地vue项目2.购买云服务器3.使用xshell4.在xshell里安装宝塔5.宝塔操作6.成功访问 关于前端部署研究了挺久的,一开始毫无头绪也走了很多弯路,看了许多视频和文档之后,才慢慢有了了解,成功访问之后特别开心,希望记录下来对可能遇到同样问题的各位有一丢丢小帮助哈~ 1.打包本地vue项目 运行npm run build 生成dist目录文件(之后就是将该文件放到云服务器上) 2.购买云服务器 你可以选择在腾讯云上租一个云服务器,然后选择centos云服务器,租用成功
SSM项目部署到服务器上
qq_46440190的博客
08-29 2149
1、将项目打包成war包 1. 2. war包的输出路径 3.可能会出现Mainfest File 此处选择web包 4. 2.将war包部署到服务器上 1、打开宝塔面板 2、搭建环境 下载 3、将war包上传到Tomcat下的webapps中 成功部署后,访问公网IP+项目名称即可访问项目。 连接数据库 添加数据库 下一步操作之前检查3306端口是否开放,这里要登录到阿里云官网服务器页面设置端口。 打开sql yog 连接数据库 这里主机地址为公网IP地址。 连接成功后导入sql脚本执行
Node js部署到服务器上(简易实用版)
qq_44717437的博客
05-12 1239
这个教程相对比较简单,最大的特点就是可以正常使用。 1、在阿里云上购买一个服务器,学生认证后价格比较便宜 (或者申请免费试用,有一个月的试用期),像我这种大学生为了完成老师作业的,暂时不部署域名,也可以实现外网访问。 2、安装nodejs 下载 wget https://nodejs.org/dist/v6.10.2/node-v6.10.2-linux-x64.tar.xz 解压 sudo tar xf node-v6.10.2-linux-x64.tar.xz 检验 node -v npm -v
使用宝塔将Vue2+Nodejs全栈项目打包部署到腾讯云服务器(2022最新版保姆级详细教程)
Concise200的博客
03-20 6458
在阅读本篇文章前,你需要提前购买腾讯服务器,连接Xshell。 其他云服务器也可以,操作基本类似。因为这是笔者第一次将全栈项目部署服务器,遇到了很多坑,花了差不多一天的时间解决。创作本篇文章的目的是为了梳理项目上线的流程供下次使用,同时帮助友友们快速部署项目,排掉大量的坑!!!
腾讯云Centos部署Nginx下Vue项目
wshten
08-16 2395
一、 Nginx 简介 Nginx 是由俄罗斯软件工程师 Igor Sysoev 开发的一个高性能的 HTTP 和反向代理服务器,具备 IMAP/POP3 和 SMTP 服务器功能。 作为 Web 服务器:相比较与 Apache, Nginx 使用更少的资源,支持更多的并发连接,体现更高的效率,这点使 Nginx 尤为受到虚拟主机提供商的欢迎,能够支持高达 50000 个并发的连接数的响应。 ...
vue.js+element ui+node.js+socket.io+mysql
05-15
Vue.js 是一种现代的JavaScript框架,用于构建向响应式Web应用程序。它的核心思想是将大型应用程序分割成更小的,可重用的组件。 Element UI 是Vue.js的一个组件框架,提供了许多可轻松集成到Vue.js应用程序中,并对...

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
写文章

热门文章

  • Navicat 导入导出sql文件 1451
  • vue+mysql+node.js项目部署到腾讯云-云服务器/轻量应用服务器 1424
  • cocos游戏引擎--cocos creater2.4.10 1243
  • 微信小程序万能模板 882
  • aws linux 2 安装mysql+node.js+nginx 764

分类专栏

  • vue 1篇
  • cssgao jue 1篇
  • 服务器 4篇
  • 微信小程序 2篇

最新评论

  • vue使用饿了吗组件库 vue中Element

    CSDN-Ada助手: 恭喜您写了第14篇博客!标题中提到了使用饿了吗组件库和Vue中的Element,这个主题听起来非常有趣。您在博客中一定分享了关于Vue中Element组件的使用经验和心得,相信对其他开发者来说会非常有帮助。 在下一步的创作中,或许您可以进一步深入探讨如何在Vue项目中优雅地使用饿了吗组件库,包括一些实际案例和技巧。此外,您还可以考虑分享一些在使用过程中遇到的挑战,并提供解决方案,这样其他开发者也可以从中受益。 谦虚地说,我相信您的经验和见解会给读者带来新的灵感和启发。期待您的下一篇博客!加油!

  • javascript集合类型引用

    CSDN-Ada助手: 恭喜您写了第15篇博客,标题为“javascript集合类型引用”。您的持续创作非常令人钦佩!在这篇博客中,您深入探讨了javascript的集合类型引用,对读者来说无疑是一次难得的学习机会。 我想对您的创作给予赞赏,并提出一些建议以供下一步的创作。首先,您可以考虑加入一些实际案例或示例代码,这将帮助读者更好地理解和应用集合类型引用的概念。此外,您还可以探索一些常见的错误或陷阱,以及如何避免它们。这样的内容对读者来说非常有帮助,也能够提升您的博客的实用性。 再次感谢您的分享,期待您未来更多精彩的创作!

  • javascript基础语法

    CSDN-Ada助手: 恭喜您写了第13篇博客,标题为“javascript基础语法”!您对javascript的基础语法有着深入的了解,写得非常详细和清晰。希望您能继续保持创作的热情,不断分享自己的学习成果。下一步,或许可以考虑写一些实战案例,将基础语法应用到实际项目中,这样读者可以更直观地理解和学习。期待您的下一篇博客!

  • cocos游戏引擎--cocos creater2.4.10

    CSDN-Ada助手: 恭喜作者撰写第12篇博客!看到标题中提到的"cocos creater2.4.10",我很高兴看到您对这个游戏引擎的深入研究。您的持续创作真是令人钦佩!对于下一步的创作建议,我谦卑地建议您可以考虑分享一些关于cocos creater2.4.10的高级技巧或者深入解析,以帮助读者更好地利用这个引擎。期待您的下一篇博客,继续加油! CSDN 会根据你创作的博客的质量,给予优秀的博主博客红包奖励。请关注 https://bbs.csdn.net/forums/csdnnews?typeId=116148&utm_source=csdn_ai_ada_blog_reply12 看奖励名单。

  • aws部署mysql+node+vue

    CSDN-Ada助手: 恭喜您写了第10篇博客!您的经验分享对于我们这些初学者来说非常有用。我认为您可以考虑写一些关于如何优化MySQL、Node和Vue的文章,这将使您的博客更加全面和深入。谢谢您的分享! CSDN 会根据你创作的博客的质量,给予优秀的博主博客红包奖励。请关注 https://bbs.csdn.net/forums/csdnnews?typeId=116148&utm_source=csdn_ai_ada_blog_reply10 看奖励名单。

您愿意向朋友推荐“博客详情页”吗?

  • 强烈不推荐
  • 不推荐
  • 一般般
  • 推荐
  • 强烈推荐
提交

最新文章

  • css高级用法
  • javascript集合类型引用
  • vue使用饿了吗组件库 vue中Element
2023年10篇
2022年6篇

目录

目录

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43元 前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

暗逆骇客

你的打赏是我的最大助力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或 充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值

PHP网站源码沙井网站优化按天计费盐田模板制作大芬网站优化按天扣费荷坳网络推广永湖网站排名优化罗湖百度爱采购松岗企业网站建设观澜seo网站优化光明模板网站建设大芬百姓网标王推广永湖优秀网站设计石岩SEO按天收费荷坳seo优化罗湖英文网站建设丹竹头百度竞价横岗如何制作网站大浪网络营销坪地网页设计同乐网站搜索优化宝安seo优化同乐阿里店铺运营大运网站推广深圳网站改版惠州建站同乐网站推广系统南澳百度网站优化横岗外贸网站设计民治百姓网标王广州营销型网站建设光明建设网站歼20紧急升空逼退外机英媒称团队夜以继日筹划王妃复出草木蔓发 春山在望成都发生巨响 当地回应60岁老人炒菠菜未焯水致肾病恶化男子涉嫌走私被判11年却一天牢没坐劳斯莱斯右转逼停直行车网传落水者说“没让你救”系谣言广东通报13岁男孩性侵女童不予立案贵州小伙回应在美国卖三蹦子火了淀粉肠小王子日销售额涨超10倍有个姐真把千机伞做出来了近3万元金手镯仅含足金十克呼北高速交通事故已致14人死亡杨洋拄拐现身医院国产伟哥去年销售近13亿男子给前妻转账 现任妻子起诉要回新基金只募集到26元还是员工自购男孩疑遭霸凌 家长讨说法被踢出群充个话费竟沦为间接洗钱工具新的一天从800个哈欠开始单亲妈妈陷入热恋 14岁儿子报警#春分立蛋大挑战#中国投资客涌入日本东京买房两大学生合买彩票中奖一人不认账新加坡主帅:唯一目标击败中国队月嫂回应掌掴婴儿是在赶虫子19岁小伙救下5人后溺亡 多方发声清明节放假3天调休1天张家界的山上“长”满了韩国人?开封王婆为何火了主播靠辱骂母亲走红被批捕封号代拍被何赛飞拿着魔杖追着打阿根廷将发行1万与2万面值的纸币库克现身上海为江西彩礼“减负”的“试婚人”因自嘲式简历走红的教授更新简介殡仪馆花卉高于市场价3倍还重复用网友称在豆瓣酱里吃出老鼠头315晚会后胖东来又人满为患了网友建议重庆地铁不准乘客携带菜筐特朗普谈“凯特王妃P图照”罗斯否认插足凯特王妃婚姻青海通报栏杆断裂小学生跌落住进ICU恒大被罚41.75亿到底怎么缴湖南一县政协主席疑涉刑案被控制茶百道就改标签日期致歉王树国3次鞠躬告别西交大师生张立群任西安交通大学校长杨倩无缘巴黎奥运

PHP网站源码 XML地图 TXT地图 虚拟主机 SEO 网站制作 网站优化