一、nginx配置跨域

location / {  # 配置允许跨域的域名add_header Access-Control-Allow-Origin *;# 为 true 的时候指请求时可带上Cookie# add_header 'Access-Control-Allow-Credentials' 'true';# 配置允许的方法add_header Access-Control-Allow-Methods 'GET, POST, OPTIONS';# 允许请求头自定义的参数名称add_header Access-Control-Allow-Headers 'Authorization';if ($request_method = 'OPTIONS') {return 204;}
}

二、部分错误

2.1 重复配置跨域错误

The 'Access-Control-Allow-Origin' header contains multiple values'*, *', but only one is allowed

解决方案：检查是否nginx配置了跨域，代码中是否也设置了跨域。

2.2 配置冲突导致跨域失败

Response to preflight request doesn't pass access control check:
The value of the 'Access-Control-Allow-Origin' header in the response must not be the wildcard '*' when the request's credentials mode is 'include'

这个错误就是一般因为前端有以下配置：

axios.defaults.withCredentials= true

ngnix或者后端设置跨域设置了Access-Control-Allow-Origin 的值为 '*'。可以修改后端：

res.addHeader("Access-Control-Allow-Origin", req.getHeader("Origin"));
res.addHeader("Access-Control-Allow-Credentials","true");

ngnix跨域问题整理相关推荐

虚拟主机3种方式nginx/apache+跨域知识点整理
目录 referer.prototype.array.json笔记整理: [http://t.csdn.cn/s4P8x](http://t.csdn.cn/s4P8x) 虚拟主机3种方式nginx/ ...
Apache与Nginx虚拟机的三种访问+非简单请求+跨域知识点整理
Apache 在D:\project\web\index.html中写入 <h1>welcome useing apache!</h1> 基于ip访问打开phpstudy_p ...
html页面跨域提交数据,前端跨域的整理
跨域整理 1. 跨域资源共享 CORS 对于web开发来讲,由于浏览器的同源策略,我们需要经常使用一些hack的方法去跨域获取资源,但是hack的方法总归是hack.直到W3C出了一个标准-CORS- ...
Axios跨域问题整理
首先,经典报错:No 'Access-Control-Allow-Origin' 解决方法: 一.配置main.js 此处已经默认请求都添加/api为前缀 import Vue from 'vue' ...
jquery ajax同源、跨域请求整理
//同源ajax请求数据function getData(url,paramjson,fn) {$.ajax({type : "POST", //提交方式url : url, // ...
http与websocket(基于SignalR)两种协议下的跨域基于ASP.NET MVC--竹子整理
这段时间,项目涉及到移动端,这就不可避免的涉及到了跨域的问题.这是本人第一次接触跨域,有些地方的配置是有点麻烦,导致一开始的不顺. 至于websocket具体是什么意义,用途如何:请百度. 简单说就是 ...
使用ngnix实现跨域视频截图
通过使用html5 canvas的drawImage()方法可以轻松获取视频当前播放的帧.参考但是只能对当前项目下的视频截图.很多情况下,视频文件是单独存放的,即要对跨域视频截图在尝试了很多方法之 ...
Ngnix解决Ajax跨域问题
前台我们首先前台向后台发送Ajax请求,如下:这里用的是HBuilder X开发工具端口号默认是8848 <script src="js/jquery-3.3.1.js" ...
12月12日学习内容整理：Ajax中的contentType参数，csrf跨域请求处理，serialize方法...
一.contentType参数 1.用来标识请求的数据格式 2.默认值: "application/x-www-form-urlencoded" 代表是urlencoded编码 ...

ngnix跨域问题整理

一、nginx配置跨域

二、部分错误

2.1 重复配置跨域错误

2.2 配置冲突导致跨域失败

ngnix跨域问题整理相关推荐

最新文章

热门文章