龙空技术网

不用调整Nginx,SpringBoot也能解决前端访问的跨域问题

美食旅游推荐笔记 174

前言:

此时同学们对“springbootnginx跨域”可能比较关心,各位老铁们都需要了解一些“springbootnginx跨域”的相关资讯。那么小编同时在网摘上网罗了一些关于“springbootnginx跨域””的相关内容,希望同学们能喜欢,小伙伴们快快来学习一下吧!

1、什么情况下会出现跨域问题

通常,在前端工程师的开发过程中,往往在本地机器启动前端服务, 而调用的后端接口服务是在另外一台机器运行,这时就会出现跨域问题,让接口无法调通。

而到了测试环境和生产环境,可以使用Nginx去解决这个问题。

这里我们仅考虑开发环境,在不借助Nginx的情况下,解决跨域。

2、解决方案

在SpringBoot工程中,增加跨域配置即可。

3、实现

新增一个跨域配置类 CrossDomainConfig,在其中配置允许跨域访问的url、请求方式、Header等。代码如下:

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;@Configurationpublic class CrossDomainConfig{    public CrossDomainConfig() {    }  private CorsConfiguration buildConfig() {         // 添加cors配置信息      CorsConfiguration corsConfiguration = new CorsConfiguration();     corsConfiguration.addAllowedOrigin(";);      // * 代表所有url        corsConfiguration.addAllowedOrigin("*");        // 设置允许请求的方式        corsConfiguration.addAllowedMethod("*");        // 设置允许的header        corsConfiguration.addAllowedHeader("*");                // 设置是否发送cookie信息        corsConfiguration.setAllowCredentials(true);      return corsConfiguration;  }    @Bean    public CorsFilter corsFilter() {                 // 为url添加映射路径        UrlBasedCorsConfigurationSource crossDomainSource = new UrlBasedCorsConfigurationSource();        crossDomainSource.registerCorsConfiguration("/**", buildConfig());                 // 返回重新定义好的配置        return new CorsFilter(crossDomainSource);     } }

重启后台工程,会发现,跨域问题被如此简单的解决了。

标签: #springbootnginx跨域