Spring前后端跨域请求设置代码实例
前后端项目分离,跨域请求时,后端的两种配置方式:
1.配置类:
package com.helq3.config;
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 configuration = new CorsConfiguration();
//设置属性
//允许跨域请求的地址,*表示所有
configuration.addAllowedOrigin("*");
//配置跨域的请求头
configuration.addAllowedHeader("*");
//配置跨域的请求方法
configuration.addAllowedMethod("*");
//表示跨域请求的时候使用的是否是同一个session
configuration.setAllowCredentials(true);
return configuration;
}
@Bean
public CorsFilter corsFilter(){
UrlBasedCorsConfigurationSource source = new UrlBasedCorsConfigurationSource();
source.registerCorsConfiguration("/**",buildConfig());
return new CorsFilter(source);
}
}
2.Controller上面配置
@CrossOrigin(origins = "*",allowedHeaders = "*",methods = {},allowCredentials = "true")
public class TestController {
}
3.Ant Design Vue 中,在src/util/request.js中增加
axios.defaults.withCredentials = true
以上是 Spring前后端跨域请求设置代码实例 的全部内容, 来源链接: utcz.com/z/352815.html