nginx跨域问题，浏览器使用nginx跨到服务器后端失败

node.js做的前端，npm run dev把代理写进config index.js中访问服务器后端数据库没有错误。但是用npm run build后使用nginx代理到后端就出错502。
服务器报错

nginx的配置

遮挡的是我的服务器公网地址
测试用例helloworld.vue

npm run build后的dist目录

求大神解答

1、nginx做跨域处理

location / {
    add_header Access-Control-Allow-Origin *;
    add_header Access-Control-Allow-Methods 'GET, POST, OPTIONS';
    add_header Access-Control-Allow-Headers 'DNT,Keep-Alive,User-Agent,Cache-Control,Content-Type,Authorization';

    if ($request_method = 'OPTIONS') {
        return 204;
    }
}

2、后端项目做跨域中间件处理
3、前端做反向代理跨域

你的静态文件是放到nginx服务器上了吗
发webpack的config proxy看看