Nginx跨域配置

翻不了身de咸鱼

已于 2022-07-11 17:05:58 修改

阅读量1.8k

点赞数

文章标签： nginx

于 2022-07-11 11:46:49 首次发布

本文链接：https://blog.csdn.net/HelloFFFF/article/details/125718389

版权

跨域同源策略 Access-Control 预检请求服务器配置

关键词由CSDN通过智能技术生成

跨域是什么？

跨域是浏览器加载了与当前域名、协议、端口不同另一站点下的资源，这与各大支持JavaScript的浏览器的同源策略是违背的。所谓同源策略，它是由 Netscape 提出的一个安全策略，它是浏览器最核心也是最基本的安全功能，如果缺少同源策略，则浏览器的正常功能可能都会受到影响，现在所有支持JavaScript的浏览器都会使用这个策略。

规定：浏览器要求，在解析Ajax请求时，要求浏览器的路径与Ajax的请求的路径必须满足三个要求，则满足同源策略，可以访问服务器。

要求：协议、域名、端口号都相同，只要有一个不相同，那么都是非同源

处理方式

在配置中增加相应的add_header参数，特别需要注意“OPTIONS预检请求”问题，可直接返回204状态码处理该问题。

server
{
    listen 80;
    server_name www.abc.com;
    index index.php index.html index.htm default.php default.htm default.html;
    root /www/wwwroot/abc;
    
    # 跨域处理
    add_header Access-Control-Allow-Origin * always;
    add_header Access-Control-Allow-Methods 'GET,POST,PUT,OPTIONS';
    add_header Access-Control-Allow-Headers 'DNT,X-Mx-ReqToken,Keep-Alive,User-Agent,X-Requested-With,If-Modified-Since,Cache-Control,Content-Type,Authorization';
    if ( $request_method = 'OPTIONS') {
      return 204;
    }

    # 日志文件
    /www/wwwlogs/api-rep.fuqimm.cn.log;
    error_log  /www/wwwlogs/api-rep.fuqimm.cn.error.log;
}