Angular 到 Spring Boot 微服务连接错误

Question

我正在尝试从我的 Angular 应用程序连接到基于 Spring Boot 和 Spring Cloud 构建的后端微服务。 UI 通过 Zuul 调用微服务层，路由到相应的微服务

从浏览器控制台中的 Angular UI 连接到微服务时出现以下错误：

加载失败：https://microservice url - 预检响应中的 Access-Control-Allow-Headers 不允许请求标头字段 Access-Control-Allow-Origin。

谁能解释一下这个错误指的是什么？

Answer 1

我有同样的问题，我实现了接口过滤器

然后允许 Access-Control-Allow-Headers 和 Access-Control-Expose-Headers 添加 CORS 问题

@Component
public class CORSFilter implements Filter{


 @Override
        public void doFilter(ServletRequest request, ServletResponse res, FilterChain chain) throws IOException, ServletException {
            HttpServletResponse response = (HttpServletResponse) res;
            response.setHeader("Access-Control-Allow-Origin", "*");
            response.setHeader("Access-Control-Allow-Methods", "POST, GET, OPTIONS, DELETE, PUT");


            response.setHeader("Access-Control-Allow-Headers", "Content-Type, Access-Control-Allow-Headers, Authorization, X-Requested-With");
            response.setHeader("Access-Control-Expose-Headers", "Content-Type, Access-Control-Expose-Headers, Authorization, X-Requested-With");
            chain.doFilter(request, response);
            logger.info(request.getRemoteAddr());
        }

}