跨域问题的简单解决方式

前后端分离开发所产生的跨域问题应该是很常见的了，解决方式也多种多样。这是博主准备将学习过程中的跨域解决方式进行整理的一个帖子，开始必然是幼稚且数量极少的，但后续随着学习的积累会补充更新的。

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的一个比较快速的解决方式，在你需要的接口上加上这个注解就万事大吉了

前端解决方式