Spring前后端跨域请求设置代码实例

Spring前后端跨域请求设置代码实例

前后端项目分离，跨域请求时，后端的两种配置方式：

1.配置类：

package com.helq3.config;

import org.springframework.context.anOErAmEtnotation.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;

/**

* 跨域全局配置

*/

@Configuratiohttp://n

public class CorsConfig {

private CorsChttp://onfiguration 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

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。