如何在localhost上启用Spring和角度2之间的CORS

Question

我有一个在Spring版本4.3.4上使用Java后端的老项目。发布和Spring Security版本4.2.2。释放没有办法更新这些库，我必须使用现有的库。该项目不是REST API，没有RestController或WebMVCConfiguer。所以，我按照这里的建议配置了cors：

@EnableWebSecurity
@Configuration
public class SecurityConfiguration extends WebSecurityConfigurerAdapter {

    protected SecurityConfiguration() {
        super();
    }

    @Override
    protected void configure(HttpSecurity httpSecurity) throws Exception {
        httpSecurity
                // we don't need CSRF because our token is invulnerable
                .csrf().disable()

                // don't create session
                .sessionManagement().sessionCreationPolicy(SessionCreationPolicy.STATELESS).and()

                .authorizeRequests()

                // allow anonymous resource requests
                .antMatchers(HttpMethod.GET,
                        "/",
                        "/*.html",
                        "/favicon.ico",
                        "/**/*.html",
                        "/**/*.css",
                        "/**/*.js")
                .permitAll()
                .antMatchers(HttpMethod.POST, "/rpc/*").permitAll()
                .anyRequest().permitAll();

        httpSecurity.addFilterBefore(new CorsFilter(), ChannelProcessingFilter.class);

        // disable page caching
        httpSecurity.headers().cacheControl();
    }
}

Cors过滤器：

@Component
@Order(Ordered.HIGHEST_PRECEDENCE)
public class CorsFilter extends OncePerRequestFilter {

    private static final org.slf4j.Logger logger = org.slf4j.LoggerFactory.getLogger(CorsFilter.class);

    @Override
    protected void doFilterInternal(HttpServletRequest request, HttpServletResponse response, FilterChain filterChain) throws ServletException, IOException {
        logger.error("CORS filter: " + request.getMethod());
        response.setHeader("Access-Control-Allow-Origin", "*");
        response.setHeader("Access-Control-Allow-Methods", "GET, POST, PUT, DELETE, OPTIONS");
        response.setHeader("Access-Control-Max-Age", "3600");
        response.setHeader("Access-Control-Allow-Headers", "Content-Type, Access-Control-Allow-Headers, Authorization, X-Requested-With, xsrf-token");
        response.addHeader("Access-Control-Expose-Headers", "xsrf-token");
        if ("OPTIONS".equals(request.getMethod())) {
            response.setStatus(HttpServletResponse.SC_OK);
        } else {
            filterChain.doFilter(request, response);
        }
    }
}

在网上。xml在所有上下文参数之后和列表器之前（这是应用程序中唯一的过滤器）：

   <filter>
        <filter-name>springSecurityFilterChain</filter-name>
        <filter-class>web.servlet.response.CorsFilter
        </filter-class>
    </filter>

    <filter-mapping>
        <filter-name>springSecurityFilterChain</filter-name>
        <url-pattern>/*</url-pattern>
    </filter-mapping>

我在localhost:8080上运行后端，在localhost:8081上运行前端。然而，当我试图发送包含application/json的POST请求时，浏览器控制台中出现了一个错误

Access to XMLHttpRequest at 'http://localhost:8080/rpc' from origin 'http://localhost:8081' has been blocked by CORS policy: Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the requested resource.

此外，我希望在后端看到日志“CORS过滤器： POST”，我把它放在那里检查它是否会进入过滤器，但是没有这样的日志。

请问，有什么建议说明为什么它不起作用吗？我需要在请求中坚持使用application/json，而且有时在应用程序中也有一个授权头，所以不能完全避免cors。这会是一个角度2的问题吗？

Answer 1

此错误是拒绝选项web方法的结果，因此应在configure方法中添加以下语句：

.antMatchers(HttpMethod.OPTIONS, "/**").permitAll()

就像这样：

httpSecurity
            // we don't need CSRF because our token is invulnerable
            .csrf().disable()

            // don't create session
            .sessionManagement().sessionCreationPolicy(SessionCreationPolicy.STATELESS).and()

            .authorizeRequests()

            // allow anonymous resource requests
            .antMatchers(HttpMethod.GET,
                    "/",
                    "/*.html",
                    "/favicon.ico",
                    "/**/*.html",
                    "/**/*.css",
                    "/**/*.js")
            .permitAll()
            .antMatchers(HttpMethod.OPTIONS, "/**").permitAll()
            .antMatchers(HttpMethod.POST, "/rpc/*").permitAll()
            .anyRequest().permitAll();

Answer 2

我不熟悉spring或java，但我认为我理解这个问题。

我假设您的日志过滤器不起作用，因为spring framework在执行过滤器之前短路了该请求。

这里的问题可能在配置中的某个地方，但我认为解决给定问题的方法总体上是不正确的。

CORS是为某些目的而创建的，通过允许来自所有其他来源的浏览器请求，您实际上会产生一些潜在的安全问题。

理想情况下，如果“服务器”和“客户端”都是你的应用程序，那么从客户端，你应该只向托管客户端应用程序的同一来源发出请求。因此，在本地情况下，它应该向localhost:8081发出请求，您可以在发出请求时省略客户端的主机基址。

为了让它工作，对于开发环境，最好的选择是为角设置代理（从localhost:8081到localhost:8080的代理请求），详细的设置信息在这里。

对于生产环境，您需要在同一来源上托管后端服务器/客户端应用程序。你可以通过在你的后端服务器/客户端web服务器前面安装一些代理服务器，或者直接在你的后端服务器上托管客户端应用程序（角度静态输出文件）。

另一种选择是执行您尝试执行的操作，但不允许来自所有来源的请求（不是.permitAll（）），而是列出特定的允许来源（如localhost:8081）。但它并没有那么干净，而且您需要为开发环境和生产指定不同的来源。