nginx跨域访问设置

1、ngxin跨域访问错误提示

Access to fetch at 'http://ip:端口/' from origin 'http://域名' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource. If an opaque response serves your needs, set the request's mode to 'no-cors' to fetch the resource with CORS disabled.

2、nginx添加配置

 add_header 'Access-Control-Allow-Origin' $http_origin;
 add_header 'Access-Control-Allow-Credentials' 'true';
 add_header 'Access-Control-Allow-Methods' 'GET, POST, OPTIONS';
 add_header 'Access-Control-Allow-Headers' 'DNT,web-token,app-token,Authorization,Accept,Origin,Keep-Alive,User-Agent,X-Mx-ReqToken,X-Data-Type,X-Auth-Token,X-Requested-With,If-Modified-Since,Cache-Control,Content-Type,Range';
 add_header 'Access-Control-Expose-Headers' 'Content-Length,Content-Range';
 if ($request_method = 'OPTIONS') {
 add_header 'Access-Control-Max-Age' 1728000;
 add_header 'Content-Type' 'text/plain; charset=utf-8';
 add_header 'Content-Length' 0;
 return 204;
}

3、查看配置文件是否正确

ps -ef|grep nginx 根据结果查看启动项，在启动项路径下进行验证：
./nginx -t
./nginx -s reload