- 1、本文档共6页,可阅读全部内容。
- 2、原创力文档(book118)网站文档一经付费(服务费),不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。
- 3、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考,付费前请自行鉴别。如您付费,意味着您自己接受本站规则且自行承担风险,本站不退款、不进行额外附加服务;查看《如何避免下载的几个坑》。如果您已付费下载过本站文档,您可以点击 这里二次下载。
- 4、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“版权申诉”(推荐),也可以打举报电话:400-050-0827(电话支持时间:9:00-18:30)。
- 5、该文档为VIP文档,如果想要下载,成为VIP会员后,下载免费。
- 6、成为VIP后,下载本文档将扣除1次下载权益。下载后,不支持退款、换文档。如有疑问请联系我们。
- 7、成为VIP后,您将拥有八大权益,权益包括:VIP文档下载权益、阅读免打扰、文档格式转换、高级专利检索、专属身份标志、高级客服、多端互通、版权登记。
- 8、VIP文档为合作方或网友上传,每下载1次, 网站将根据用户上传文档的质量评分、类型等,对文档贡献者给予高额补贴、流量扶持。如果你也想贡献VIP文档。上传文档
前后端分离跨域问题的几种解决方案
一、为什么会出现跨域问题?
出于浏览器的同源策略限制。
同源策略(Sameoriginpolicy)是一种约定,它是浏览器最核心也最基本的安全功能,如果缺少了同源策略,则浏览器的正常功能可能都会受到影响。可以说Web是构建在同源策略基础之上的,浏览器只是针对同源策略的一种实现。同源策略会阻止一个域的javascript脚本和另外一个域的内容进行交互。所谓同源(即指在同一个域)就是两个页面具有相同的协议(protocol),主机(host)和端口号(port)。
二、什么是跨域?
当一个请求url的协议、域名、端口三者之间任意一个与当前页面url不同即为跨域。
两个相同的源之间浏览器默认其是可以相互访问资源和操作DOM的。
两个不同的源之间若想要相互访问资源或者操作DOM,那么会有一套基础的安全策略的制约。
解决方案
1.前台服务端解决方案(略)
2、后台服务端解决方案
方法一:@CrossOrigin
复制/**
注意:
1、springMVC的版本要在4.2或以上版本才支持@CrossOrigin
2、非@CrossOrigin没有解决跨域请求问题,而是不正确的请求导致无法得到预期的响应,导致浏览器端提示跨域问题。
3、在Controller注解上方添加@CrossOrigin注解后,仍然出现跨域问题,
解决方案之一就是:在@RequestMapping注解中没有指定Get、Post方式,具体指定后,问题解决。
其中@CrossOrigin中的2个参数:
origins:允许可访问的域列表
maxAge:准备响应前的缓存持续的最大时间(以秒为单位)。
可以配置在Controller上也可以配置在方法上
*/@CrossOrigin
@RestController
publicclassperson{
@RequestMapping(method=RequestMethod.GET)
publicStringadd(){
//若干代码
}
}
@RestController@RequestMapping(/account)
publicclassAccountController{
@CrossOrigin
@GetMapping(/{id})
publicAccountretrieve(@PathVariableLongid){
//...
}
}
方法二过滤器
publicclassCORSFilterimplementsFilter{
@Override
publicvoiddestroy(){
//TODOAuto-generatedmethodstub
}
@Override
publicvoiddoFilter(ServletRequestreq,ServletResponseres,
FilterChainchain)throwsIOException,ServletException{
HttpServletResponseresponse=(HttpServletResponse)res;
//表示所有的域都可以接受
response.setHeader(Access-Control-Allow-Origin,*);
//允许访问的方法
response.setHeader(Access-Control-Allow-Methods,POST,GET,PUT,OPTIONS,DELETE);
//请求得到结果的有效期
response.setHeader(Access-Control-Max-Age,3600);
response.setHeader(Access-Control-Allow-Headers,x-requested-with,Content-Type);
//:?该值是一个布尔值,表示是否允许发送Cookie。默认情况下,Cookie不包括在CORS请求之中,设置为true,即表示服务器明确许可
response.setHeader(Access-Control-Allow-Credentials,true);
chain.doFilter(req,res);
您可能关注的文档
- MongoDB 3.0数据压缩测试.docx
- 计算机网络-期末复习.pdf
- 信管课程设计说明书.pdf
- 新浪sina op plancaltrate合作计划.pptx
- 单元主题级测试题unit topic h.pdf
- 解决方案手册与应用ifrs4版配套csolutions picker4e.pdf
- 只需上色just color camping颜色露营.pdf
- 如需了解价格交货订购信息maxim directchip eeprom ds2431.pdf
- 技术三代合作伙伴计划0426 t1p7验证物理层36302.pdf
- suite 12 sign and display sw标志显示软件解决方案.pptx
文档评论(0)