CORS跨域详解

目录

前言

快速说明

详细解释

Access-Control-Allow-Origin

Access-Control-Allow-Credentials

Access-Control-Allow-Headers

Access-Control-Expose-Headers

Access-Control-Allow-Methods

Access-Control-Max-Age

---

前言

假设你已经了解服务端处理CORS跨域问题时，会配置相关的一些跨域配置，如下：

httpResponse.setHeader("Connection", "keep-alive");
httpResponse.setHeader("Access-Control-Allow-Methods", "GET,POST,PUT,DELETE,OPTIONS,PATCH,HEAD");
httpResponse.setHeader("Access-Control-Allow-Headers", "Access-Token,Corp-ID,Content-Type");
httpResponse.setHeader("Access-Control-Allow-Origin", originUrl);
httpResponse.setHeader("Access-Control-Allow-Credentials", "true");

那这些响应头都具体是神马作用呢？ 下面会结合demo来了解各参数的配置作用，并给出结果图。

快速说明

        打开浏览器全部查看，对CORS（预请求）请求查看，不管是成功还是失败跨域的请求都会有以下信息。如下图标红处，返回头信息，其实就是来自于上面Java代码跨域的设置，假设你的前端请求不是什么Get或者post，反正就是上面代码中没有的，你用了一个新请求格式叫Rest比如，这时你就会报跨域问题，因为服务器设置不接受这种请求，并且会用响应头告诉你他接受什么样请求。其他的设置信息也大概就是这个意思

详细解释

Access-Control-Allow-Origin

作用：服务端允许跨域的源，也就是浏览器的输入的地址。demo中为：http://huoyun-test.djtest