跨域问题的简单解决方式
前后端分离开发所产生的跨域问题应该是很常见的了,解决方式也多种多样。这是博主准备将学习过程中的跨域解决方式进行整理的一个帖子,开始必然是幼稚且数量极少的,但后续随着学习的积累会补充更新的。
Access to XMLHttpRequest at 'http://localhost:8181/bar/findAll' from origin 'http://localhost:8080' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.
后端解决方式
1.Class CrossConfig
这是在B站的楠哥的4小时学Springboot+Vue教学视频中教的,但我感觉这似乎是SSM的方式。跨域有问题,就自己写一个解决的类。
@Configuration
public class CrossConfig implements WebMvcConfigurer {
@Override
public void addCorsMappings(CorsRegistry registry) {
registry.addMapping("/**")
.allowedOrigins("*")
.allowedMethods("GET","HEAD","POST","PUT","DELETE","OPTIONS")
.allowCredentials(true)
.maxAge(3600)
.allowedHeaders("*");
}
}
实测有效,这里一类代码楠哥也说,不需要记住,只要能看懂,会用会改就行。感谢楠哥!!!
2.@CrossOrigin
这个应该是springboot的一个比较快速的解决方式,在你需要的接口上加上这个注解就万事大吉了