最近在用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); } }