springboot+vue解决跨域问题

最新推荐文章于 2024-08-04 12:47:40 发布

无名同学

最新推荐文章于 2024-08-04 12:47:40 发布

阅读量2.9k

点赞数 2

分类专栏： javaweb部分文章标签： springboot vue

本文链接：https://blog.csdn.net/tomorrow_fine/article/details/83050394

版权

javaweb部分专栏收录该内容

41 篇文章 0 订阅

订阅专栏

后台添加过滤器，允许跨域

@Configuration
public class GlobalCorsConfig {
    @Bean
    public CorsFilter corsFilter() {
        CorsConfiguration corsConfiguration = new CorsConfiguration();
        corsConfiguration.addAllowedOrigin("*");
        corsConfiguration.addAllowedHeader("*");
        corsConfiguration.addAllowedMethod("*");

        UrlBasedCorsConfigurationSource configSource = new UrlBasedCorsConfigurationSource();
        configSource.registerCorsConfiguration("/**", corsConfiguration);

        return new CorsFilter(configSource);
    }
}

前台

在config的index.js的proxyTable中加入拦截，拦截/api请求，替换成target中的请求，
比如原始请求是/api/hello.pub，则会替换成http://192.168.33.104:8086/hello.pub。

    proxyTable: {
      '/api':{
        target: 'http://192.168.33.104:8086',
        changeOrigin:true,
        pathRewrite:{
            '^/api':''
        }
      }
    },