本人做后端用springboot,同时前端用vue,遇到了跨域问题,以下为解决方案和心得
1、浏览器同源策略
什么是浏览器同源策略?
简单的来说,如果两个页面的协议,域名和端口(如有)都相同,则两个页面具有相同的源。
2、前端对跨域的设置
前端对跨域的设置仅仅需要在request中添加一个属性值withCredentials
withCredentials=flase
或
withCredentials=true
两者的区别暂时还没调查清楚,只知道和cookie相关。
3、后端对跨域的设置
在一般的贴吧中,经常会提到解决跨域的问题需要修改参数response响应中的Access-Control-Allow-Origin=“*”
或者是Access-Control-Allow-Origin=“特定的ip”
本人在设置的时候遇到了很大的问题,弄了很久,现在将心得分享如下:
在设置错误时,我机智的看到了前端请求头给我的参数为Origin而不是Access-Control-Allow-Origin,所以我尝试在response响应中设置Origin,终于成功了。
这两个参数不一样是因为简单请求和非简单请求
- 简单请求:(满足以下两个条件的请求)
(1) 请求方法是以下三种方法之一:HEAD GET POST
(2)HTTP的头信息不超出以下几种字段:
Accept
Accept-Language
Content-Language
Last-Event-ID
Content-Type:只限于三个值application/x-www-form-urlencoded、multipart/form-data、text/pl