Spring如何在前后端跨域请求设置

发布时间:2020-07-21 17:46:56 作者:小猪
来源:亿速云 阅读:137

小编这次要给大家分享的是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如何在前后端跨域请求设置的文章,如果觉得文章内容写得不错的话,可以把它分享出去给更多人看到。

推荐阅读:
  1. Django,后端传的html代码在前端展示
  2. CORS跨域请求:前后端分离

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

spring

上一篇:PHP进程管理器php-fpm的工作原理

下一篇:TEST_install.bat

相关阅读

您好,登录后才能下订单哦!

密码登录
登录注册
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》