zuul網關代理的接口,頁面訪問時會報錯,提示跨域問題。
解決步驟分兩步:
1、第一步增加配置:
#跨域
zuul.sensitive-headers=Access-Control-Allow-Origin
zuul.ignored-headers=Access-Control-Allow-Credentials,Access-Control-Allow-Origin,Vary,X-Frame-Options,token
2、第二步增加代碼配置
@Configuration
public class CorsConfig {
@Bean
public CorsFilter corsFilter() {
final UrlBasedCorsConfigurationSource source = new UrlBasedCorsConfigurationSource();
final CorsConfiguration config = new CorsConfiguration();
config.setAllowCredentials(true);
config.addAllowedOrigin("*");
config.addAllowedHeader("*");
config.setMaxAge(18000L);
config.addAllowedMethod("*");
source.registerCorsConfiguration("/**", config);
return new CorsFilter(source);
}
}
配置完成後,重啓下即可。
有興趣的大佬大神可以關注下小弟的微信公共號,一起學習交流,掃描以下二維碼關注即可。