cors

vue本地调用本地后台接口包跨域问题： Access to XMLHttpRequest at 'http://localhost:8001/users' from origin 'http://localhost:8080' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource. cors 跨域资源共享， 在不同服务器、端口之间进行资源访问时，会报该错误。上面的例子就是 8001端口调永8080端口的接口报错。 解决： 方法1、@ CrossOrigin 在需要解决的controller方法前使用该注解 @ApiOperation(value = "用户登录") @ApiResponses( {@ApiResponse(code=200,message="成功",response = DynamicResponse.class)} ) @PostMapping @CrossOrigin @ResponseBody public DynamicResponse<User> login (@RequestBody LoginRequest loginRequest){ // ... } 方法2、配置过滤器

本文来自于公众号链接： 彻底掌握CORS跨源资源共享 ) 本文接上篇公众号文章： 彻底理解浏览器同源策略SOP 一.概述 在云时代，各种SAAS应用层出不穷，各种互联网API接口越来越丰富，H5技术在微信小程序、支付宝小程序、Hybird中大行其道，所有的这些都离不开跨源访问。 CORS即跨源资源共享(Cross-Origin Resource Sharing)，是由W3C组织维护的处于稳定状态的浏览器跨源访问规范，被现代主流版本浏览器充分支持。在普通的web应用跨源访问server的场景下，CORS是最优的跨源访问方案。对比其他的方案，如iframe标签嵌套方案不够安全，JSONP方案功也只支持GET方法，CORS的安全性高且功能完善。 什么是跨源访问 现代浏览器都支持同源策略SOP。假如有网站： A：http://www.exampleA.com B：http://www.exampleB.com A的web页调用B的资源，此时因为A和B的源不同，就发生了跨源访问。根据SOP规范，在默认情况下A的web页是无法访问到B的资源的。CORS在尽量保证安全的前提下，放宽了SOP限制，使得浏览器可以跨源访问服务器资源。 关于SOP细则，请参考上篇公众号文章 ： 彻底理解浏览器同源策略SOP 插图：corsflow 除了最常用的XMLHttpRequest（AJAX