接上篇,我们已经完成了宝塔的基本配置,下面我们来看如何在宝塔中部署前后端
一、上传前后端代码文件
在www > wwwroot目录下创建了一个demo文件,用来存放前后端代码
进入demo中,点击上传
这里前端我用的打完包的 dist文件,后端是直接上传的原文件(除了node_modules),后端上传完后进入文件,下面有终端,打开 npm install下载依赖即可
这样前后端文件就传完了
二、启动前后端服务
我们先启动后端服务,在新版的 宝塔中 不再需要pm2
正如下面这样,改在了 网站 的node项目中
点击 添加node项目
这里需要注意两点:
1、项目端口要和你后端自己设定的端口保持一致
2、后面放行端口勾选,或者自行到安全页面添加
然后测试就是直接 ip + 端口访问即可:
这里暂时没有连接数据库,后面再补充
现在可以启动前端服务了:
点击添加站点
提交即可,这样前端服务就起来了,接下来就是前后端打通,也就是配置 nginx:
还是在当前页面
上图配置修改中,我们发现这里其实引入了多个 .conf文件,我们根据目录进入其中看下
发现读取了以下三个文件
依次查看后发现第二个文件是我们需要修改的,它的serve root 读取的是咱们前端的代码
在这里配置对应的后端请求
保存后,记得回到 网站 对应服务中,重启 nginx
这样前端就部署完了
其实已经简化了很多操作了,不过对我这种新手还是蛮复杂了,整整折腾了3天,结果还是满意的
在修改nginx这里,如果不想这样找来找去,也可以在刚才的目录下新建一个 .conf文件,建一个自己的serve,单独维护