Vue axios 跨域问题(从后端解决)
在找了非常久的资料之后,终于闯到了一个正确的解决方式,就是在后端写一个允许跨域的配置类。(前端配置index.js和main.js的方式我试过了对我都没有用…)
上代码:在后端创建一个配置类就可以了
@Configuration
public class CorsConfig implements WebMvcConfigurer {
@Override
public void addCorsMappings(CorsRegistry registry) {
registry.addMapping("/**").
allowCredentials(true).
allowedHeaders("*").
allowedOriginPatterns("*").
allowedMethods("*");
}
}
前端axios请求:(前端啥也不用配~)
beforeCreate(){
axios({
url:'http://192.168.1.16:8888/files/getAllFiles',
methods: "GET",
params:{}
}).then(response => {
console.log("资源信息:",response.data);
this.downloadMsgAll = response.data;
}).catch(function (error) { // 请求失败处理
console.log(error);
});
}