前后端开发绕不过去的坑就是跨域访问。
以前后端开发采用的是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); // 处理错误
});
}