今天在给一个前后端分离的项目配置 Nginx 反代时,前端控制台一片红,全都是 CORS Error

分析了一下,前端域名和后端接口的域名不一样,浏览器处于安全机制把请求拦截了。

直接在 Nginx 的配置文件里给接口加上允许跨域的 Header,改完重新 nginx -s reload

1location /api/ {
2    proxy_pass [http://127.0.0.1:8080/](http://127.0.0.1:8080/);
3    add_header 'Access-Control-Allow-Origin' '*';
4    add_header 'Access-Control-Allow-Methods' 'GET, POST, OPTIONS';
5    add_header 'Access-Control-Allow-Headers' 'DNT,User-Agent,X-Requested-With,If-Modified-Since,Cache-Control,Content-Type,Range,Authorization';
6}

搞定收工。配置服务器就是这样,有时候卡了一小时的问题,其实就是少写了两行配置项。