前端是vue2.0，网络请求用的是axios，后端是springboot2.0
用axios向后端发送post请求，结果得到一个403无权限的错误，莫名其妙啊，我明明发送的是post请，但在chrome的调试里看到的却是options。
options.png
cors.png
403.png
意思就是跨域请求无权限了。
在segmentfault网站上，这位仁兄的解释非常正确
网友的解释.png
解释的链接地址：https://segmentfault.com/q/1010000008292792
到这里，只要在后端设置options响应支持即可！
后端代码如下
import org.springframework.boot.SpringApplication;
import org.springframework.boot.autoconfigure.SpringBootApplication;
import org.springframework.context.annotation.Bean;
import org.springframework.web.cors.CorsConfiguration;
import org.springframework.web.cors.UrlBasedCorsConfigurationSource;
import org.springframework.web.filter.CorsFilter;
@SpringBootApplication
public class Starter {
public static void main(String[] args) {
SpringApplication.run(Starter.class, args);
}
private CorsConfiguration buildConfig() {
CorsConfiguration corsConfiguration = new CorsConfiguration();
corsConfiguration.addAllowedHeader("*");
corsConfiguration.addAllowedOrigin("*");
corsConfiguration.addAllowedMethod("*");
corsConfiguration.setAllowCredentials(true);
return corsConfiguration;
}
@Bean
public CorsFilter corsFilter() {
System.out.println("=============== 设置跨域过滤器 ================");
UrlBasedCorsConfigurationSource source = new UrlBasedCorsConfigurationSource();
source.registerCorsConfiguration("/**", buildConfig());
return new CorsFilter(source);
}
}
