vue部署正式环境上传nginx后遇到的问题

页面不能访问

在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;}