Vue+Spring-boot+Swagger2前后台分离中的跨域问题(Network error)
使用vue来写前端,然后用Spring-boot写后台,他们的地址不一样,所以会出现一个跨域访问数据的问题。前端页面给后端发送请求是,会报Network error错误。第一步:需要去到utils–>request.js中,把拦截器修改掉将相应拦截器service.interceptors.response.use下的拦截条件全部去掉,然后直接返回相应结果return res;此时,相应..
·
使用vue来写前端,然后用Spring-boot写后台,他们的地址不一样,所以会出现一个跨域访问数据的问题。前端页面给后端发送请求是,会报Network error错误。
第一步:需要去到utils–>request.js中,把拦截器修改掉将相应拦截器service.interceptors.response.use下的拦截条件全部去掉,然后直接返回相应结果return res;
此时,相应拦截器已经配置好了,运行前台界面,还是会报Network error错误。
同时根据警告信息,我们可以知道,我们前端的请求是成功发送过去了,但是在后台被拦截掉了。这是我们需要到后台进行配置。
给后台代码设置可访问权限,一个配置类WebConfig.java实现WebMvcConfigurer接口
@Configuration
public class WebConfig implements WebMvcConfigurer {
@Override
public void addCorsMappings(CorsRegistry registry) {
registry.addMapping("/**")
.allowedOrigins("*")
.allowedMethods("GET","POST","PUT","OPTIONS","DELETE","PATCH")
.allowedHeaders("*")
.allowCredentials(true)
.maxAge(3600);
}
}
更多推荐
已为社区贡献1条内容
所有评论(0)