Nginx使用场景之跨域解决

上一篇 <<<Nginx使用场景之负载均衡和故障转移(主从热备)
下一篇 >>>Nginx使用场景之资源压缩


跨域问题:为了安全性,在默认的情况下js是不能跨域的,尤其是前后端分离的时候。
错误信息:No 'Access-Control-Allow-Origin' header is present on the requested resource。

配置nginx解决跨域问题

下面这段话要加在location / {}内

add_header Access-Control-Allow-Origin *;
add_header Access-Control-Allow-Credentials true;
add_header Access-Control-Allow-Methods 'GET, HEAD, POST, PUT, DELETE, TRACE, OPTIONS, PATCH';
add_header Access-Control-Allow-Headers 'Origin, X-Requested-With, Content-Type,Authorization,Accept, Connection, User-Agent, Cookie';
add_header Access-Control-Max-Age 1728000;
#这段话必须要加,要不然不生效
if ( $request_method = 'OPTIONS' ) { 
     return 200;
}

推荐阅读:
<<<DNS域名解析过程
<<<初识Nginx与负载均衡
<<<Nginx使用场景之静态服务器
<<<Nginx使用场景之虚拟主机(动静分离)
<<<Nginx使用场景之反向代理
<<<Nginx使用场景之负载均衡和故障转移(主从)
<<<Nginx使用场景之资源压缩
<<<Nginx使用场景之数据缓存
<<<前后端分离场景通过Nginx调试本地后端接口
<<<Nginx Location指令详解
<<<Nginx全局变量
<<<Nginx导致图片下载失败的原因分析
<<<Nginx+Consul+upSync实现动态负载均衡
<<<Nginx+Lvs+keepAlived实现高可用
<<<Linux环境安装Nginx
<<<Linux环境安装keepAlived
<<<Keepalived虚拟vip功能
<<<Nginx安全防护汇总(转)

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容