title: Laravel sanctum API tokens with Vue header error
body: <p>I'm trying to authenticate my API route with sanctum while using vue.js but I'm getting a header error.</p>
  <p>bootstrap.js</p>
  <pre><code>axios.interceptors.request.use(function (config) {
    config.headers.common = {
      'Authorization': `Bearer ${localStorage.getItem('token')}`,
      'Content-Type': 'application/json',
      'Accept': 'application/json'
    }
  
    return config
  })
  </code></pre>
  <p>Getting this error</p>
  <blockquote>
  <p>DOMException: Failed to execute 'setRequestHeader' on
  'XMLHttpRequest': 'Bearer
  100|paUaKhln1hiQUGWUyRshAC5fL8qS9qMhsR5n6CHd' is not a valid HTTP
  header field value.</p>
  </blockquote>