Nginx配置跨域请求

逆风 系统维护评论305字数 1074阅读模式

前言

之前说过在腾讯云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 /
{

下面

转载请保留原文链接
逆风
  • 本文由 发表于 2020年3月14日 11:49:00
  • 转载请务必保留本文链接:https://blog.smallxu.com/post/119/
评论  0  访客  0
匿名

发表评论

匿名网友

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: