CORS跨域访问的坑

前后端开发绕不过去的坑就是跨域访问。

以前后端开发采用的是Grails，跨域访问只需要在application.yml中设置一下就好。但是Spring boot需要自己写配置文件。

昨天实际实践了一下。实践发现，后端配置好了，前端问题不大。可以直接访问。

后端配置方法是自己写一个Config类，实现WebMvcConfigurer接口，并且，在其中插入CORS相应的设置代码：

    @Override
    public void addCorsMappings(CorsRegistry registry) {
        registry.addMapping("/**")
                .allowedOrigins("*")
                .allowedMethods("GET", "POST", "PUT", "DELETE", "OPTIONS")
                .allowedHeaders("*")
                .maxAge(3600);
    }

前端访问代码可以比较直接：

function testc() {
  console.log('testc');
  // // 在组件创建时调用获取用户信息的接口
  axios.get('http://localhost:8080/heaterdata').then(res => {
    console.log(res); // 处理获取到的用户信息
    console.log(res.data)
  }).catch(err => {
    console.error(err); // 处理错误
  });
}