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