带有 Vue 标头错误的 Laravel sanctum API 令牌

Question

我正在尝试在使用 vue.js 时使用 sanctum 验证我的 API 路由，但出现标头错误。

引导程序.js

axios.interceptors.request.use(function (config) {
  config.headers.common = {
    'Authorization': `Bearer ${localStorage.getItem('token')}`,
    'Content-Type': 'application/json',
    'Accept': 'application/json'
  }

  return config
})

得到这个错误

DOMException：无法在“XMLHttpRequest”上执行“setRequestHeader”：“Bearer 100|paUaKhln1hiQUGWUyRshAC5fL8qS9qMhsR5n6CHd”不是有效的 HTTP 标头字段值。

Answer 1

改用这个

config.headers = {
    ...config.headers,
    'Authorization': `Bearer ${localStorage.getItem('token')}`,
    'Content-Type': 'application/json',
    'Accept': 'application/json'
}