vue的前端在宝塔是在php的模块下部署的。
{图：待添加}
点击网站 -> PHP项目 -> 添加站点，域名就填写你的ip:port就可以了，根目录会自动生成，点击确定。
{图：待添加}
此时前端已经正常运行了，但是是他的默认页面。选择域名管理，点击域名下面的ip，就能直接打开网站
{图：待添加}
点击网站目录，将构建好的dist文件夹复制到网站目录下，点击保存。
{图：待添加}
部署ruoyi前端的时候，这个有个坑，需要在nginx配置追加js代码，不然请求无法转到后端，运行报错。 追加的js代码：
location / {
# 防着浏览器刷新页面丢失
try_files $uri $uri/ /index.html;
}
location /profile/ {
# 改成自己的上传文件路径
alias /www/wwwroot/ly/home/ruoyi/uploadPath;
}
location /prod-api/ {
proxy_set_header Host $http_host;
proxy_set_header X-Real-IP $remote_addr;
proxy_set_header REMOTE-HOST $remote_addr;
proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
# 代理后端接口
# 把localhost改成自己的服务器外网ip，8080改成自己的后端端口号
proxy_pass http://localhost:8080/;
}
{图：待添加}