Nginx 配置跨域权限

Posted 刘-帅

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Nginx 配置跨域权限相关的知识,希望对你有一定的参考价值。

今天设置静态资源服务器时发现

Font from origin ‘http://start.fbzl.org‘ has been blocked from loading by Cross-Origin Resource Sharing policy: No ‘Access-Control-Allow-Origin‘ header is present on the requested resource. Origin ‘http://lib.fbzl.org‘ is therefore not allowed access. 

这里我给静态资源单独设置了一个域名,其它页面调用时发生了跨越权限问题。

nginx 解决办法:

1 add_header Access-Control-Allow-Origin *;
2 
3 add_header Access-Control-Allow-Headers X-Requested-With;
4 
5 add_header Access-Control-Allow-Methods GET,POST,OPTIONS;

 

将这段代码添加到 http{} 或者静态资源对应的 server{}

如果只为自己的网站使用可以将第一行代码的星号改为自己的域名,例如 *.fbzl.org

以上是关于Nginx 配置跨域权限的主要内容,如果未能解决你的问题,请参考以下文章

Nginx的反向代理跨域

Nginx配置websocket的反向代理

nginx跨域配置

nginx配置跨域gzip加速代理详细讲解

nginx配置解决前端跨域问题

解决nginx的403错误