乐优商场项目day07——解决跨域问题

1.跨域相关问题及解决办法。

 

2.实现

虽然cors原理复杂，但实现简单。

SpringMVC已经帮我们写好了CORS的跨域过滤器：CorsFilter ,内部已经实现了复杂的判定逻辑，我们直接用就好了。

① 在网关微服务 leyou-gateway中编写一个配置类，并且注册CorsFilter 。（这样其他的服务有跨域问题的话也可以解决）

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 LeyouCorsConfiguration {
    @Bean
    public CorsFilter corsFilter() {
        //1.添加CORS配置信息
        CorsConfiguration config = new CorsConfiguration();
        //1) 允许的域,不要写*，否则cookie就无法使用了
        config.addAllowedOrigin("http://manage.leyou.com");
        //2) 是否发送Cookie信息
        config.setAllowCredentials(true);
        //3) 允许的请求方式
        config.addAllowedMethod("OPTIONS");
        config.addAllowedMethod("HEAD");
        config.addAllowedMethod("GET");
        config.addAllowedMethod("PUT");
        config.addAllowedMethod("POST");
        config.addAllowedMethod("DELETE");
        config.addAllowedMethod("PATCH");
        // 4）允许的头信息
        config.addAllowedHeader("*");

        //2.添加映射路径，我们拦截一切请求
        UrlBasedCorsConfigurationSource configSource = new UrlBasedCorsConfigurationSource();
        configSource.registerCorsConfiguration("/**", config);

        //3.返回新的CorsFilter.
        return new CorsFilter(configSource);
    }
}

 

②重启gateway服务

③刷新后台页面，并点击分类管理

设置成功了。

分类的增删改功能暂时没做，页面已经预留好了事件接口，有兴趣的可以去完成一下。