ajax请求的跨域问题

2018-12-26  本文已影响0人  二营长家的张大炮

在controller中添加
@CrossOrigin // 解决前后端分离的跨域问题
注解

然后创建配置类:

/**
     允许任何域名使用
     允许任何头
     允许任何方法(post、get等)
     */
    private CorsConfiguration buildConfig() {
        CorsConfiguration corsConfiguration = new CorsConfiguration();
        // // addAllowedOrigin 不能设置为* 因为与 allowCredential 冲突,需要设置为具体前端开发地址
        corsConfiguration.addAllowedOrigin("http://localhost:8081");//前端的开发地址
        corsConfiguration.addAllowedHeader("*");
        corsConfiguration.addAllowedMethod("*");
        // allowCredential 需设置为true
        corsConfiguration.setAllowCredentials(true);
        return corsConfiguration;
    }

    @Bean
    public CorsFilter corsFilter() {
        UrlBasedCorsConfigurationSource source = new UrlBasedCorsConfigurationSource();
        source.registerCorsConfiguration("/**", buildConfig());
        return new CorsFilter(source);
    }

前端配置文件config/index.js中配置

'/': {
                target: 'http://127.0.0.1:9898', // 接口域名
                changeOrigin: true, //是否跨域
            }
上一篇 下一篇

猜你喜欢

热点阅读