Spring如何在前后端跨域請(qǐng)求設(shè)置

發(fā)布時(shí)間：2020-07-21 17:46:56 來(lái)源：億速云閱讀：137 作者：小豬欄目：開(kāi)發(fā)技術(shù)

小編這次要給大家分享的是Spring如何在前后端跨域請(qǐng)求設(shè)置，文章內(nèi)容豐富，感興趣的小伙伴可以來(lái)了解一下，希望大家閱讀完這篇文章之后能夠有所收獲。

前后端項(xiàng)目分離，跨域請(qǐng)求時(shí)，后端的兩種配置方式：

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();
    //設(shè)置屬性
    //允許跨域請(qǐng)求的地址，*表示所有
    configuration.addAllowedOrigin("*");
    //配置跨域的請(qǐng)求頭
    configuration.addAllowedHeader("*");
    //配置跨域的請(qǐng)求方法
    configuration.addAllowedMethod("*");
    //表示跨域請(qǐng)求的時(shí)候使用的是否是同一個(gè)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

看完這篇關(guān)于Spring如何在前后端跨域請(qǐng)求設(shè)置的文章，如果覺(jué)得文章內(nèi)容寫得不錯(cuò)的話，可以把它分享出去給更多人看到。

向AI問(wèn)一下細(xì)節(jié)

Spring如何在前后端跨域請(qǐng)求設(shè)置

猜你喜歡

最新資訊

相關(guān)推薦

相關(guān)標(biāo)簽