前言
之前说过在腾讯云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 /
{
下面
转载请保留原文链接
xzx18691048554
我的微信
微信扫一扫
评论