前端部署上线（使用宝塔面板）

前面讲了后端部署上线，这次讲下前端部署上线 我这里用的是vue的项目，npm run build之后会生成一个dist文件，然后把dist文件放到后端的那个文件夹中，如下

此时如果要访问前端项目需要在添加个网站站点，

域名那里可以随便写个，但是不能再写你之前写的公网IP，它会显示你创建的站点已经存在，弄好之后再在设置那里添加一个域名，比如你的公网IP:端口号(注意端口号一定要在安全里面放行)或者域名:端口号

至此前端部署基本就结束了，可以通过公网IP:端口号或者域名:端口号进行访问