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

时间:2020-07-21 章冒冒2020 人气:0

本文着重讲解了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

加载全部内容