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); // 处理错误
  });
}

上一篇:nginx代理内网服务器8080端口


下一篇:如何在Android中进行日志打印和调试?