SpringBoot 跨域问题

最近在用vue+element.ui作项目,后端是springboot,其中有用到element.ui的upload组件。vue

在设置好upload的action后,总进行预请求也就是http的options,结果返回403错误,也就是说springboot后端接口不接收这个请求。也知道是跨域的问题,但是不清楚element的机制(在这方面是“小白”),并且本身在后端的拦截器里面设置了repsonse的header、、、、、、web

后来仍是在springboot跨域上寻求突破,结果还真是。spring

解决方案就是在springboot里添加配置项,代码以下:后端

import org.springframework.context.annotation.Bean;
import org.springframework.context.annotation.Configuration;
import org.springframework.web.cors.CorsConfiguration;
import org.springframework.web.cors.UrlBasedCorsConfigurationSource;
import org.springframework.web.filter.CorsFilter;

@Configuration
public class CorsConfig {
    private CorsConfiguration buildConfig() {
        CorsConfiguration corsConfiguration = new CorsConfiguration();
        corsConfiguration.addAllowedOrigin("*"); // 1
        corsConfiguration.addAllowedHeader("*"); // 2
        corsConfiguration.addAllowedMethod("*"); // 3
        return corsConfiguration;
    }

    @Bean
    public CorsFilter corsFilter() {
        UrlBasedCorsConfigurationSource source = new UrlBasedCorsConfigurationSource();
        source.registerCorsConfiguration("/**", buildConfig()); // 4
        return new CorsFilter(source);
    }
}
相关文章
相关标签/搜索