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

回到顶部