接上篇，我们已经完成了宝塔的基本配置，下面我们来看如何在宝塔中部署前后端
一、上传前后端代码文件
在www > wwwroot目录下创建了一个demo文件，用来存放前后端代码

进入demo中，点击上传

这里前端我用的打完包的 dist文件，后端是直接上传的原文件（除了node_modules）,后端上传完后进入文件，下面有终端，打开 npm install下载依赖即可

这样前后端文件就传完了

二、启动前后端服务
我们先启动后端服务，在新版的 宝塔中 不再需要pm2

正如下面这样，改在了 网站 的node项目中

点击 添加node项目

这里需要注意两点：
1、项目端口要和你后端自己设定的端口保持一致
2、后面放行端口勾选，或者自行到安全页面添加

然后测试就是直接 ip + 端口访问即可:

这里暂时没有连接数据库，后面再补充

现在可以启动前端服务了：

点击添加站点

提交即可，这样前端服务就起来了，接下来就是前后端打通，也就是配置 nginx：
还是在当前页面


上图配置修改中，我们发现这里其实引入了多个 .conf文件，我们根据目录进入其中看下
发现读取了以下三个文件

依次查看后发现第二个文件是我们需要修改的，它的serve root 读取的是咱们前端的代码

在这里配置对应的后端请求

保存后，记得回到 网站 对应服务中，重启 nginx

这样前端就部署完了

其实已经简化了很多操作了，不过对我这种新手还是蛮复杂了，整整折腾了3天，结果还是满意的

在修改nginx这里，如果不想这样找来找去，也可以在刚才的目录下新建一个 .conf文件，建一个自己的serve，单独维护