前后端分离导致的跨域问题解决

Administrator

2020-03-01

Other

502

前言

个人博客搬迁后出现用www域名访问正常,不加则有部分文件加载的时候出现403跨域错误
No 'Access-Control-Allow-Origin' header is present on the requested resource

解决

这个问题可用nginx配置回写的响应头来解决,如下：

location / {  
    add_header Access-Control-Allow-Origin ‘写origin里的地址或者*,但*可能不够安全’;
    add_header Access-Control-Allow-Methods 'GET, POST, 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;
    }
}

Tips : 如果使用了cdn,修改完成之后要清除之前的缓存,否则一直在读缓存给一个配置了没用的错觉！！！

阮大佬讲解的cors