使用宝塔Linux购买阿里云CentOS部署NodJs+VUE+MySQL项目 PM2

1.购买阿里云

• 阿里云/腾讯云/华为云/滴滴云
• 建议买CentOS的（一个稳定的Linux操作系统）
• 25/24以下可，学生认证，会便宜，可买短期

2.设置root密码

• 阿里云购买过程中都没有设置root密码的过程，所以当你买完之后，进入ECS控制台页面，点击 实例与镜像中的实例，查看你购买的实例，点击最右边的更多，点击密码/密钥，重置实例密码这个密码要记住，后面远程登录有用，可以Chrome自动保存
  

3.配置宝塔Linux面板

在阿里云页面点击ECS实例，点进去实例，点击远程登录

• 在阿里云的ECS控制台远程链接登录,密码设置就是上文的root密码
• 在宝塔官网找到下载命令
• 确认是否安装 y

yum install -y wget && wget -O install.sh http://download.bt.cn/install/install_6.0.sh && sh install.sh

安装成功后会有一个 网址（宝塔登录远程服务器地址） 和用户名密码 截图保存

• 因为宝塔需要服务器需要开放 8888等端口，并且我们自己的服务也需要开放端口，接下来设置阿里云安全组规则

3.配置阿里云安全组规则

左侧菜单栏

右侧

• 建议一次为多个端口配置安全规则 20,21,888,8888 3005，3001,22,80,443,3306,1433、

• 配置完成后，需要重启服务器才会生效

• 安全组端口配置完，还需要在宝塔linux左侧菜单栏，安全一栏，开放端口，后续会配图说明
  

• 重启按钮位置在右上角

4.使用宝塔Linux部署node服务器和前端VUE项目

• 此时我们在浏览器地址栏输入上文截图保存的地址，即可访问宝塔面板
  

• 登录进来安装Nginx那个环境，推荐安装mysql php phpmyadmin nginx

• 然后在从软件商店安装pm2管理器，自带node环境，

• 

• 我们可以在文件功能上传本地电脑的项目，记得一定要将文件上传到Nginx服务的指定目录www/wwwroot目录下面
  

• 宝塔界面，在安全一栏，设置放行端口
  

• 在宝塔左侧菜单栏-终端 点击看到linux熟悉的命令行界面

• 
  我们可以在宝塔的界面进行文件操作，如果你想尝试LInux

• 这里提供一些基本的Linux命令
  cd / 到根目录下
  ls 当前文件目录结构
  netstat -tunlp 8888 查看8888端口是否被占用 一般我们会将自己的项目请求端口改为3000-3500
  mkdir demo 新建demo目录
  rm -rf 删除 慎用
  mv [options] 源文件或目录 目标文件或目录 移动文件命令

• 导入MySQL数据库
  
  选中项目需要的数据库sql文件即可

• 上传项目文件到www/wwwroot目录下面

• 因为这个目录是nginx指定的

• 新建文件夹

记得更改前端文件中请求的baseURL，以及文件上传的url
更改前端文件后需要重新打包生成dist文件夹

先部署后端文件
· 将app.js中的监听端口改为开放且未被占用的3005端口

• 宝塔将后端文件上传到服务器
  
• 再终端窗口cd到后台node的根目录下 利用PM2将项目跑起来
• pm2 start --name back 开启项目
• pm2 ls 查看当前运行的项目
• pm2 stop --name 停止运行项目

• 后端部署完成后我们可以利用postman先进行测试，查看后端接口是否可以正常请求
  
  · 返回状态码为500 证明我们的后端服务部署成功
• 接下来打包部署前端vue项目 不是在远程服务器端**，在本地进行再上传服务器**
• 将前端的启动文件中的app.js 改为3001 并且把地址改为可以访问的公网ip，这样我们就可以访问服务的3001端口看到我们的项目

• 接下来我们更改前端的main-pro.js中的baseURL ,记住一定是生产环境的main.js

• 接下来更改上传文件的地址
  

• 更改以后删除dist文件 npm run build 重新生成dist文件
  

• 将新生成的dist文件复制到启动文件vue_server中，覆盖旧的dist
  
  然后我们再将前端文件上传到服务器端 再通过pm2 start --name font 运行项目
  

• 最终通过公网ip就可以访问自己的项目了