利用宝塔面板进行前端项目上线部署(图文)

1.首先进行宝塔面板的登录

2.进行前端项目的打包(演示项目为Vue3项目)

2-1 首先通过编辑器(Vscode)打开前端项目

2-2 修改项目中的接口文件，将接口修改为之前后端上线的Ip+端口(宝塔面板Ip+开放端口)

例如:8.140.31.204:3456

2-3 在终端中输入命令 npm run build 利用webpack 进行前端项目的打包

2-4 打包成功后会有一个dist文件，将dist文件进行压缩

2-5 如果宝塔面板中已有上传的打包前端项目，则修改文件夹名称(自定义名称即可，若无打包项目，默认名称(dist)即可)