在nginx.conf 配置文件中设置如下!
location /
if ($request_method = 'OPTIONS') {
add_header 'Access-Control-Allow-Origin' *;
add_header 'Access-Control-Allow-Credentials' 'true';
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,userId,token';
add_header 'Access-Control-Max-Age' 3600;
#add_header 'Content-Type' 'text/plain charset=UTF-8';
add_header 'XDomainRequestAllowed' '1';
}
if ($request_method = 'GET') {
add_header 'Access-Control-Allow-Origin' *;
add_header 'Access-Control-Allow-Credentials' 'true';
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,userId,token';
add_header 'Access-Control-Max-Age' 0;
#add_header 'Content-Type' 'text/plain charset=UTF-8';
add_header 'XDomainRequestAllowed' '1';
}
if ($request_method = 'POST') {
add_header 'Access-Control-Allow-Origin' *;
add_header 'Access-Control-Allow-Credentials' 'true';
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,userId,token';
add_header 'Access-Control-Max-Age' 0;
#add_header 'Content-Type' 'text/plain charset=UTF-8';
add_header 'XDomainRequestAllowed' '1';
}
以上是根据具体的 POST、PUT、GET等方式的配置:
还可以直接在 server节点下直接配置:
add_header 'Access-Control-Allow-Origin' '*'; 就是最简单的配置
相关推荐
nginx 配置跨域不生效 如下配置 server { listen 80; server_name localhost; # 接口转发 location /api/ { # 允许请求地址跨域 * 做为通配符 add_header 'Access-Control-Allow-Origin' '*'; # 设置请求...
主要介绍了Vue中跨域以及打包部署到nginx跨域设置方法,本文通过实例代码给大家介绍的非常详细,具有一定的参考借鉴价值,需要的朋友可以参考下
使用docker部署nginx前后端解决跨域问题
主要给大家介绍了关于Nginx配置跨域请求Access-Control-Allow-Origin * 的相关资料,文中通过示例代码介绍的非常详细,对大家学习或者使用Nginx具有一定的参考学习价值,需要的朋友们下面来一起学习学习吧
介绍如何配置nginx实现跨域,简单明了,很方便。需要的自行下载
使用大家说的以下配置,验证无效,跨域问题仍然存在 add_header 'Access-Control-Allow-Origin' '*'; add_header 'Access-Control-Allow-Credentials' 'true'; add_header 'Access-Control-Allow-Methods' 'GET,...
主要给大家介绍了关于Nginx实现跨域使用字体文件的配置方法,文中通过示例代码介绍的非常详细,对大家具有一定的参考学习价值,需要的朋友们下面来一起看看吧。
在各种服务器(nginx,apache,tomcat)上设置CORS跨域设置.zip
今天在搭建Vue项目时用到了Axios,在添加自定义头信息的时候遇到了问题,options验证阶段报错'Request header field Content
前言 ... 如采用firebug调试API请求(这个API是自己服务器的应用),看到服务器明明返回200状态,response返回数据也是json格式,但ajax返回的error。 在排除json数据格式不正确的...后来才知道是跨域问题(CORS),因为
docker部署nginx,挂载多个前端部署目录以及跨域问题解决方案(1).zip
使用nginx实现HLS m3u8点播功能。 包括,nginx安装,mp4、flv切片,测试,跨域问题,nginx集群等等。
问题 在之前的分享的跨域资源共享的文章中,有提到... 基于与合作方后台的配合,利用nginx方向代理来满足浏览器的同源策略来实现跨域 实现方法 反向代理概念 反向代理(Reverse Proxy)方式是指以代理服务器来接受In
资源内容包含以下文件: linux下安装nginx Nginx Linux详细安装部署教程 hosts域名映射文件 niginx主配置文件 外置配置文件
为了节约成本,很多时候一台server 的nginx可能要部署多个前端的情况,本实例是在docker环境下部署两个前端,同时处理前端调用后端跨域问题,本示例为阿里云centos7 系统docker20.10.6环境下nginx1.19.5版本 ...
使用文档中的配置可以实现跨域,完美解决,欢迎下载!!!