Webflux multipart/form-data，启用 csrf，有和没有文件上传获取无效的 CSRF 令牌

Question

禁用 csrf 后，我可以上传文件，但需要启用它。该问题仅在表单 enctype 为 multipart/form-data 时出现，即 403 的“无效 CSRF 令牌”。

通常，即使对于没有文件上传的表单，当我将 enctype 设置为 multipart/form-data 时，也会出现相同的错误。

使用此依赖项：

<dependency>
  <groupId>org.synchronoss.cloud</groupId>
  <artifactId>nio-multipart-parser</artifactId>
  <version>...</version>
</dependency>

尝试在表单中包含隐藏的 csrf 输入，并尝试将其附加到 url 但同样的错误

    <form  method="post" th:action="${'/add/' + id + '/documents?' + _csrf.headerName + '=' + _csrf.token}"  enctype="multipart/form-data">
        <input type="file" name="documents" multiple="multiple">
        <input  type="hidden"
                th:name="${_csrf.headerName}"
                th:value="${_csrf.token}" />
        <input type="hidden" name="_csrf" th:value="${_csrf.token}">
        <button class="btn btn-success btn-l">Upload</button>
    </form>

有这样的控制器建议用于 csrf 注入

@ControllerAdvice
public class SecurityAdvice {@ModelAttribute("_csrf")Mono<CsrfToken> csrfToken(final ServerWebExchange exchange) {
    final Mono<CsrfToken> csrfToken = exchange.getAttributeOrDefault(org.springframework.security.web.server.csrf.CsrfToken.class.getName(), Mono.empty());
    return csrfToken;
}

在安全方面，我有以下 bean：

 @Bean
    public ServerCsrfTokenRepository csrfTokenRepository() {
        WebSessionServerCsrfTokenRepository repository =
                new WebSessionServerCsrfTokenRepository();
        repository.setHeaderName("X-CSRF-TK");

        return repository;
    }

并在我的 SecurityWebFilterChain 中像这样使用它：

.and().csrf().csrfTokenRepository(csrfTokenRepository())

更新：

为几个 url 禁用 csrf 也足够了。找到了一些例子，但它们都是基于 Servlet 的版本。 https://sdqali.in/blog/2016/07/20/csrf-protection-with-spring-security-and-angular-js/

Answer 1

看看Spring Security的官方推荐：https://docs.spring.io/spring-security/site/docs/current/reference/html/csrf.html#csrf-multipart

基本上有两种方法可以做到这一点：(1) 将 MultipartFilter 放置在 Spring Security 过滤器之前，(2) 在表单操作中包含 CSRF 令牌，就像您所做的那样。第一个选项是推荐的：

第一个选项是确保在 Spring Security 过滤器之前指定 MultipartFilter。在 Spring Security 过滤器之前指定 MultipartFilter 意味着没有调用 MultipartFilter 的授权，这意味着任何人都可以在您的服务器上放置临时文件。但是，只有授权用户才能提交由您的应用程序处理的文件。一般来说，这是推荐的方法，因为临时文件上传对大多数服务器的影响应该可以忽略不计。

为了确保 MultipartFilter 在带有 java 配置的 Spring Security 过滤器之前指定，用户可以覆盖 beforeSpringSecurityFilterChain ，如下所示：

public class SecurityApplicationInitializer extends AbstractSecurityWebApplicationInitializer {

    @Override
    protected void beforeSpringSecurityFilterChain(ServletContext servletContext) {
        insertFilters(servletContext, new MultipartFilter());
    }
}

为了确保在具有 XML 配置的 Spring Security 过滤器之前指定 MultipartFilter，用户可以确保将 MultipartFilter 的元素放置在 web.xml 中的 springSecurityFilterChain 之前，如下所示：

<filter>
    <filter-name>MultipartFilter</filter-name>
    <filter-class>org.springframework.web.multipart.support.MultipartFilter</filter-class>
</filter>
<filter>
    <filter-name>springSecurityFilterChain</filter-name>
    <filter-class>org.springframework.web.filter.DelegatingFilterProxy</filter-class>
</filter>
<filter-mapping>
    <filter-name>MultipartFilter</filter-name>
    <url-pattern>/*</url-pattern>
</filter-mapping>
<filter-mapping>
    <filter-name>springSecurityFilterChain</filter-name>
    <url-pattern>/*</url-pattern>
</filter-mapping>

请注意，如果您仍然想使用表单操作，则查询参数可能会泄漏。尝试将“headerName”更改为“parameterName”：

<form action="./upload?${_csrf.parameterName}=${_csrf.token}" method="post" enctype="multipart/form-data">

编辑：如果您无法切换到基于 servlet 的容器（例如 Jetty 或 Tomcat）并且表单操作建议不起作用，最近有一个Stack Overflow 线程讨论此问题。

一位开发人员报告使用 AJAX 解决了该问题：

我通过以下方式解决了这个问题：

• 使用 vanilla javascript 发送多部分文件，如 Mozilla 指南中所示
• 在 HTML 头中的元标记中添加 _csrf 令牌，就像 Spring 指南中使用 Ajax 发送 CSRF 令牌一样
• 不使用jquery，直接将其添加到XHR对象中

var csrfToken = $("meta[name='_csrf']").attr("content"); var csrfHeader = $("meta[name='_csrf_header']").attr("content"); XHR.setRequestHeader(csrfHeader, csrfToken); XHR.setRequestHeader('Content-Type','multipart/form-data; boundary=' + boundary); XHR.send(data);

同一开发人员向 Spring 报告了这个问题，但尚未得到任何关注。