如果没有 Spring Security，CORS 无法与 Spring Boot 和 Spring Cloud 一起使用

Question

我正在使用 Spring Boot 2.2.4.RELEASE 带有 Spring Cloud Hoxton.SR1 和不带 Spring Security，其中 GET 方法工作正常，但 POST 和 POST 方法工作正常。 PUT 方法不起作用。

@Configuration
@Order(value = Integer.MAX_VALUE)
public class WebConfig implements WebMvcConfigurer {
    @Override
    public void addCorsMappings(CorsRegistry registry) {
        registry.addMapping("/**")
            .allowedOrigins("http://localhost:5500")
            .allowedHeaders("*")
            .allowedMethods("POST", "PUT", "DELETE", "HEAD");
    }
}

@Component
public class SimpleCORSFilter implements Filter {

    @Override
    public void doFilter(ServletRequest req, ServletResponse res, FilterChain chain)
            throws IOException, ServletException {

        HttpServletRequest request = (HttpServletRequest) req;
        HttpServletResponse response = (HttpServletResponse) res;

        response.setHeader("Access-Control-Allow-Origin", request.getHeader("Origin"));
        response.setHeader("Access-Control-Allow-Credentials", "true");
        response.setHeader("Access-Control-Allow-Methods", "POST, GET, OPTIONS, DELETE, PUT");
        response.setHeader("Access-Control-Max-Age", "3600");
        response.setHeader("Access-Control-Allow-Headers", "Content-Type, Accept, X-Requested-With, remember-me");

        chain.doFilter(req, response);
    }

    @Override
    public void init(FilterConfig filterConfig) {
    }

    @Override
    public void destroy() {
    }

}

AngularJS 代码

    $http({
        method: 'POST',
        url: 'http://b28c-103-85-11-107.ngrok.io/game/brand-styles',
        data: {
            "fontColour": "FFFFFF",
            "backgroundColour": "006400",
            "displayType": 1,
            "buttonColour": "FFC314"
            }
        })
        .then(function (response) { $scope.data = data; })
        .catch(function (err) { console.log(err) });

我已经尝试了多种方法来解决同一平台上不同问题中建议的问题，但没有人为我工作。

Answer 1

访问 XMLHttpRequest
来自起源的“http://b28c-103-85-11-107.ngrok.io/game/brand-styles”
“http://localhost:5500”已被 CORS 策略阻止：响应
预检请求未通过访问控制检查：否
请求中存在“Access-Control-Allow-Origin”标头
资源。

发布http://b28c-103-85- 11-107.ngrok.io/game/brand-styles
网络::ERR_FAILED

您的案例中问题背后的可能原因是您在 SimpleCORSFilter 类中提到的以下语句。

response.setHeader("Access-Control-Allow-Origin", request.getHeader("Origin"));

看起来 Origin 标头在到达本地服务器之前已被删除，或者可能被本地服务器本身删除。您可以尝试进行以下更改来验证您的情况。

response.setHeader("Access-Control-Allow-Origin", "http://localhost:5500");