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.cn