Spring前后端跨域请求设置代码实例
前后端项目分离,跨域请求时,后端的两种配置方式:
1.配置类:
packagecom.helq3.config;
importorg.springframework.context.annotation.Bean;
importorg.springframework.context.annotation.Configuration;
importorg.springframework.web.cors.CorsConfiguration;
importorg.springframework.web.cors.UrlBasedCorsConfigurationSource;
importorg.springframework.web.filter.CorsFilter;
/**
*跨域全局配置
*/
@Configuration
publicclassCorsConfig{
privateCorsConfigurationbuildConfig(){
CorsConfigurationconfiguration=newCorsConfiguration();
//设置属性
//允许跨域请求的地址,*表示所有
configuration.addAllowedOrigin("*");
//配置跨域的请求头
configuration.addAllowedHeader("*");
//配置跨域的请求方法
configuration.addAllowedMethod("*");
//表示跨域请求的时候使用的是否是同一个session
configuration.setAllowCredentials(true);
returnconfiguration;
}
@Bean
publicCorsFiltercorsFilter(){
UrlBasedCorsConfigurationSourcesource=newUrlBasedCorsConfigurationSource();
source.registerCorsConfiguration("/**",buildConfig());
returnnewCorsFilter(source);
}
}
2.Controller上面配置
@CrossOrigin(origins="*",allowedHeaders="*",methods={},allowCredentials="true")
publicclassTestController{
}
3.AntDesignVue中,在src/util/request.js中增加
axios.defaults.withCredentials=true
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持毛票票。
热门推荐
6 保研的祝福语简短
10 年轻20岁祝福语简短
11 朋友结婚祝福语信息简短
12 女孩婚礼贺卡祝福语简短
13 30段点歌简短祝福语
14 虎年春节祝福语图文简短
15 写给后妈祝福语大全简短
16 简短回复生日祝福语
17 校长送毕业祝福语简短
18 毕业立体贺卡祝福语简短