vue部署正式环境上传nginx后遇到的问题及解决
作者：鹤入云霄
在Nginx中配置服务器时,如果页面和静态资源无法访问,并且后端接口被误解为前端页面请求,可以通过为`www-data`用户赋予目录访问权限来解决
页面不能访问
在nginx中server中添加配置
重启nginx：sudo systemctl restart nginx
root /home/admin/dist;
index index.html;
location / {
try_files $uri $uri/ /index.html;
}页面仍不能访问 & 静态资源无法访问 & GET https://xxx.js net::ERR_ABORTED 403 (Forbidden)
找到nginx中第一行user用户（默认www-data）
执行如下命令为www-data用户赋予目录访问权限
sudo chown -R www-data:www-data /home/user/dist
后端接口无法访问 & 访问后端接口被理解成前端页面请求
在nginx中server中添加配置
重启nginx
location /api {
proxy_pass http://IP:PORT;
proxy_set_header X-Forwarded-Proto $scheme;
proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
proxy_set_header Host $host;
}总结
以上为个人经验，希望能给大家一个参考，也希望大家多多支持脚本之家。