谷粒商城day33 -API-三级分类-网关统一配置跨域

1.了解跨域

谷粒商城day33 -API-三级分类-网关统一配置跨域_第1张图片

谷粒商城day33 -API-三级分类-网关统一配置跨域_第2张图片 谷粒商城day33 -API-三级分类-网关统一配置跨域_第3张图片

谷粒商城day33 -API-三级分类-网关统一配置跨域_第4张图片 

2.跨域过滤器添加

网关服务内添加如下代码

允许所有路径请求跨域 ,添加过滤器到容器中,因为所有请求都要经过网关,所以该过滤器配置代码添加到网关中

package com.atguigu.gulimall.gateway.config;

import org.springframework.context.annotation.Bean;
import org.springframework.context.annotation.Configuration;
import org.springframework.web.cors.CorsConfiguration;
import org.springframework.web.cors.reactive.CorsWebFilter;
import org.springframework.web.cors.reactive.UrlBasedCorsConfigurationSource;

@Configuration
public class GulimallCorsConfiguration {

    @Bean
    public CorsWebFilter corsWebFilter(){
        CorsConfiguration corsConfiguration = new CorsConfiguration();
        //配置跨域
        corsConfiguration.addAllowedHeader("*");
        corsConfiguration.addAllowedMethod("*");
        corsConfiguration.addAllowedOrigin("*");
        corsConfiguration.setAllowCredentials(true);

        UrlBasedCorsConfigurationSource urlBasedCorsConfigurationSource
                = new UrlBasedCorsConfigurationSource();
        urlBasedCorsConfigurationSource.registerCorsConfiguration("/**",corsConfiguration);
        return new CorsWebFilter(urlBasedCorsConfigurationSource);
    }
}

 屏蔽已有配置

谷粒商城day33 -API-三级分类-网关统一配置跨域_第5张图片

3.再次访问,成功进入首页,发现跨域问题解决

谷粒商城day33 -API-三级分类-网关统一配置跨域_第6张图片

你可能感兴趣的:(谷粒商城,网关统一配置跨域)