全面详细 手把手教学使用宝塔面板部署前后端分离项目( 二 )


这样后端就算部署成功了!
五、部署Vue项目
上传我们打包好的dist文件夹 。
点击左边菜单的网站,点击PHP项目,添加站点 。
没有域名的话直接填写ip地址就行了,根目录选择我们刚才上传的dist文件夹,最后点击提交即可 。
注意:如果ip不写端口号,默认是80端口,80端口默认是放行的,所以我这边直接写的ip 。
接下来我们还需要配置一下Nginx的反向代理,不然无法访问后端的接口 。
找到配置文件
添加如下代码,然后点击保存即可 。
location /api/ {proxy_pass http://ip:端口号/;}
六、连接MySQL数据库
1、点击添加数据库
2、填好信息后,权限需要修改为所有人 。
七、放行端口
我这边需要放行9090端口,80端口系统默认放行了,所以我不需要再进行配置 。
点击菜单的安全,点击添加端口规则 。
输入需要放行的端口,确定即可 。
同时华为云的安全组也需要放行9090端口!
数据库的3306端口号操作步骤一样,这样就部署成功啦!
八、测试MySQL数据库连接
输入刚才填好的信息,点击测试连接即可 。
九、访问网站
这样我们的前后端就通过宝塔的可视化部署好了,是不是很简单,接下来我们就测试一下!
【全面详细手把手教学使用宝塔面板部署前后端分离项目】OK大功告成!