带有 Webpack 的 Rails 5.1：访问 CSRF 令牌答案

【问题标题】：Rails 5.1 with Webpack: accessing the CSRF token带有 Webpack 的 Rails 5.1：访问 CSRF 令牌
【发布时间】：2018-01-20 19:10:09
【问题描述】：

我正在尝试 Rails 5.1 中对 Webpack 的新支持来管理我的 Vue 应用程序。我目前不知道如何轻松访问 CSRF 令牌。来自previous answers to this question 的建议似乎分为几类：

使用 ERB（即 my-app.js.erb）将 form_authenticity_token Rails 助手直接嵌入到 JavaScript 文件中
使用 jQuery 从嵌入了 CSRF 令牌的页眉中获取 meta 标记。

在我的情况下，第一个根本不起作用，大概是因为将 ERB 文件处理为 JS 文件是资产管道的一部分，但 Webpack 现在正在处理该构建任务。第二种方法可以工作，但目前我没有在我的package.json 中包含 jQuery，仅仅为了一个目的而包含它似乎有点矫枉过正。

我确定我可以编写一些 JS 代码来定位 DOM 中的 meta 标记并获取 CSRF 令牌，但我只是想知道是否有一种更简洁的方式我错过了？

【问题讨论】：

【解决方案1】：

用 Vanilla JS 来做：

document.querySelectorAll('meta[name="csrf-token"]')

【讨论】：

我曾考虑过querySelectorAll，但我认为它并没有普遍存在于我需要支持的所有浏览器中。但是根据developer.mozilla.org/en-US/docs/Web/API/Document/… 我错了，所以这似乎是一个好方法。谢谢。