使用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);
    }
}

Logo

前往低代码交流专区

更多推荐