为 laravel SPA 生成动态 csrf-token

Question

我将 laravel 5.6 与 axios 和 vue 一起用于我的 SPA 网络应用程序。 问题是一段时间后 csrf 令牌将过期，因此应该有一个烦人的提示告诉用户刷新不是我要查找的页面。 所以我所知道的关于 laravel 5.6 中 csrf 令牌的所有信息就是它以这种方式在 bootstrap.js 中使用：

let token = document.head.querySelector('meta[name="csrf-token"]');

if (token) {
   window.axios.defaults.headers.common['X-CSRF-TOKEN'] = token.content;
} else {
  console.error('CSRF token not found: https://laravel.com/docs/csrf#csrf-x- 
  csrf-token');
}

如何更改它以在每个请求上获取 csrf 令牌？

Answer 1

为检索最新的 csrf 令牌创建一个端点：

ExampleController.php

public function getCsrf() {
  return response(csrf_token());
}

路线：(routes/wew.php)

Route::get('csrf', 'ExampleController@getCsrf');

在您的 Javascript 中，您可以请求新的 csrf 令牌并替换您的 axios 实例中的旧令牌。

axios.get('/csrf').then(({ data }) => {
  window.axios.defaults.headers.common['X-CSRF-TOKEN'] = data;
})