前言

之前说过在腾讯云CDN配置跨域请求,可视化平台,方便操作。
昨晚给一个似乎快要被QIANG的网站做了一个反向代理,然后发现样式一直错版,F12看了下,是跨域报错。

操作方法

普通Nginx

如果你是普通的静态库,也就是静态资源全部在你的服务器存储,按照以下方法:
将以下代码加入到nginx的配置文件中,重启Nginx即可

location / {  
    add_header Access-Control-Allow-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;
    }
} 

宝塔面板Nginx

由于我实在是懒,也为了后期维护方便,所以用的宝塔面板
如果你用宝塔面板,请按照以下步骤

普通静态库

    add_header Access-Control-Allow-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';

加入到站点配置文件的server中

反向代理

在反向代理那块的——配置文件

    add_header Access-Control-Allow-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';

添加到

location /
{

下面

Last modification:March 14th, 2020 at 11:49 am
如果觉得我的文章对你有用,请随意赞赏