Play 框架 2.6 CSRF 和会话

Question

我遇到了奇怪的问题。我正在我的网站上实现购物车功能，并使用会话来存储购物车位置。我有一个 POST 操作来向购物车添加新位置，并且我启用了 CSRF 过滤器来保护网站。我在产品页面上用 ajax 调用它，所以第一个调用没问题，但第二个说 Unauthorized 并且在日志中有[CSRF] Check failed because no token found in headers for /cart. 但它有。我称之为：

 $("form").submit(function(e){
        e.preventDefault();
        $.ajax({
            url: '/cart',
            method: 'POST',
            data: getCartPosition(),
            beforeSend: function(xhr){xhr.setRequestHeader('Csrf-Token', $('input[name=csrfToken]').val());},
            success: function (data, textStatus) {
                alert('Added!');
            },
            error: function (error) {
                alert('Error!');
            }
        });
    });

我将 CSRF 令牌放在模板中的某处：

@CSRF.formField

它在请求中：

我在配置中启用了这个

play.filters.csrf.bypassCorsTrustedOrigins=true 
play.filters.hosts {
  # Allow requests to example.com, its subdomains, and localhost:9000
  allowed = ["localhost:9000", "localhost:4200"]
}

但是奇怪的是，它似乎将 csrfToken 放在会话中，因为在请求失败后我有这样的会话

Session(Map(cart -> {"positions":
[{"trackId":1},{"trackId":24},{"trackId":20}]}, 
username -> user, 
token -> 0639d0b0-e7c8-4e82-9aad-2a43044e72db, 
csrfToken -> e705413843ea96a6491a0e9e800ba36a712c4f70-1506542471068-0baeef7535eb9c889fb6fed2))

不知道为什么它在那里，我的 add2cart 操作看起来像：

private def cartAction(addToCartForm: Form[CartPosition], action: (Cart, CartPosition) => Cart)(implicit request: UserRequest[Any]) = {
    addToCartForm.fold(
      _ => BadRequest("Error!"),
      position => {
        getCart match {
          case Some(cart) => Ok("Ok").withSession("cart" -> Json.toJson(action(cart, position)).toString(), "username" -> request.session.get("username").getOrElse(""), "token" -> request.session.get("token").getOrElse(""))
          case _ => Ok("Ok, no").withSession("cart" -> Json.toJson(action(Cart(Seq.empty), position)).toString())
        }
      }
    )
  }

def addToCart() = guestAction { implicit request =>
    cartAction(addToCartForm.bindFromRequest, addCartPos)
  }

和 addCartPos 只是将位置添加到 json

Answer 1

我在 Play 2.7.3 中遇到了同样的问题。

在我的例子中，表单是由 Twirl 生成的，csrf token因为我使用 ajax 提交表单，所以我csrf token从渲染的表单中复制了 并将其传递到 ajax 标头，如 Play 文档中所述。

该表单可以多次提交，因此我需要更新令牌。因此，我正在传递csrf token从控制器中获取的新的ajax响应play.filters.csrf.CSRF.getToken.get.value。

但不幸的是，正如cutoffurmind提到的那样，第二次提交失败了。

修复方法如Knut Arne Vedaa所描述的那样，将新令牌添加到会话中。我是按照方法做的withSession。

所以控制器响应如下所示：

 Ok(Json.obj(
    "status" -> (user != None),
    "notif" -> "Success login",
    "data" -> Map( 
       "adminUrl" -> "www.something ...", 
       "csrf" -> play.filters.csrf.CSRF.getToken.get.value
    )
 )).withSession(
    "uid" -> user.getOrElse(User()).id.toString,
    "csrfToken" -> play.filters.csrf.CSRF.getToken.get.value
 )

这看起来不像是一个问题，因为 Play Framework 没有在服务器上保存会话数据，因此在 ajax 请求之后必须在客户端站点中更新令牌是合乎逻辑的。主要问题是它没有在文档中提到（在 CSRF ajax 部分），这可能很方便，因为人们根本没有按照预期的顺序从头到尾阅读文档。