CORS介绍

最新推荐文章于 2024-11-13 23:09:36 发布

东京易冷

最新推荐文章于 2024-11-13 23:09:36 发布

阅读量912

点赞数

本文链接：https://blog.youkuaiyun.com/weixin_38229356/article/details/86747391

版权

文章目录

CORS

CORS

CORS是一个W3C标准，全称是"跨域资源共享"（Cross-origin resource sharing）。

为了解决跨域AJAX请求不能发送而出现的。

当浏览器发现AJAX请求跨域，会进行一些特殊处理，若目标服务器按照CORS标准进行了配置，就可以处理跨域请求。

简单请求处理流程

简单请求的定义在文末

简单请求处理流程如下：

浏览器判断请求跨域，在请求头中添加Origin字段，说明本次请求的来源，包括协议、域名、端口
服务器收到请求，根据请求头中的Origin字段，判断是否处理这个请求

2.1 若该请求的来源在服务器允许的范围，则处理请求，并在响应头加入Access-Control-相关的字段
2.2 若该请求的来源不在服务器允许范围，则返回响应，浏览器在响应头未发现Access-Control-相关的字段，报错跨域请求

非简单请求处理流程

非简单请求在请求之前会发送一次预检查请求，检查服务器是否允许本次请求

其他处理流程同简单请求处理流程2

如何携带Cookie

未验证，转载来源忘记保存了


1. 拦截请求，设置请求头

// 解决跨越问题

response.setHeader("Access-Control-Allow-Origin", "*");

response.setHeader("Access-Control-Allow-Methods", "*");

response.setHeader("Access-Control-Max-Age", "3600");

response.setHeader("Access-Control-Allow-Headers", "DNT,X-Mx-ReqToken,Keep-Alive,User-Agent,X-Requested-With,If-Modified-Since,Cache-Control,Content-Type,Authorization,SessionToken");

// 允许跨域请求中携带cookie

response.setHeader("Access-Control-Allow-Credentials", "true");


2. 此时跨域携带cookie会报错

Response to preflight request doesn't pass access control check: 
A wildcard '*' cannot be used in the 'Access-Control-Allow-Origin' header when the credentials flag is true. 
Origin 'null' is therefore not allowed access. 
The credentials mode of an XMLHttpRequest is controlled by the withCredentials attribute.

大概意思是，当Credentials是true时，Access-Control-Allow-Origin不允许为*

3. 解决该问题

response.setHeader("Access-Control-Allow-Origin", “null”);