使用宝塔面板 在centos7服务器上部署商城后台管理项目：node server后台 + vue2 前台

使用宝塔面板 在centos7服务器上部署商城后台管理项目：node server后台 + vue2 前台

域名解析

假设有域名:mysite.top
我们想在通过域名：app.mysite.top访问站点

1. 首先需要在域名服务控制台进行域名解析

创建一个PHP站点

1. 绑定域名：app.mysite.top

2. 创建数据库
   
   

3. 上传本地数据库(.sql文件)，点击导入覆盖，完成数据库表的创建
   
   

将本地server后端项目、vue前台项目（dist)上传至app.mysite.top站点文件夹

使用pm2 管理器添加并启动后台node项目

1. 因为项目使用的是pnpm包管理，pnpm 要求node版本>14.6,所以我们切换到14.15.0
2. 但是centos7 内核又不支持太高版本的node 运行node会报gcc版本过低等问题,所以又不能选择太高版本的nodejs。这里 14.15.0 将将好
   

1. 进入app.mysite.top文件夹下的server目录：（咱们的后台项目目录）

2. 运行pnpm installl安装依赖

3. 修改项目关于数据库连接的配置
   

4.　添加并允许pm2 node项目

配置并启动前端项目

1. 设置启动目录
   

2. 部署ssh,强制https

   1. 点击未部署，进行部署
      
   2. 填写信息免费申请（前提是域名已经正确解析）
      
      

3. 配置反向代理

4. 这里比如登录我们请求的是 https://app.mysite.top/api/login

5. 而后台服务其api的正确地址应是http:localhost:3005/api/login->（后台pm2 运行后端项目）

所以可以配置反向代理：

这样当外界也可以使用https://app.mysite.top/api/login请求这个接口了,nginx会代理到目标url：http:localhost:3005/api/login

最后就可通过域名访问vue项目啦～～～