title: Missing X-CSRF-TOKEN in Vue headers
body: <p>I'm trying to make a POST using VueJS 1.0.28 but I'm getting a Laravel 5.3 <code>TokenMismatchException</code> error.</p>
  
  <p>This is in <code>app.js</code> to cover both jQuery and Vue:</p>
  
  <pre><code>Vue.http.interceptors.push((request, next) =&gt; {
      request.headers.set('X-CSRF-TOKEN', Laravel.csrfToken);
  
      next();
  });
  
  $.ajaxSetup({
      headers: {
          'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
      }
  });
  </code></pre>
  
  <p>This is in the <code>main.blade.php</code> layout where we instantiate the <code>Laravel</code> value:</p>
  
  <pre><code>&lt;script src="{!! asset('/js/app.js') !!}"&gt;&lt;/script&gt;
  &lt;script&gt;
      (function () {
          window.Laravel = {
              csrfToken: '{{ csrf_token() }}'
          };
      })();
  &lt;/script&gt;
  </code></pre>
  
  <p>When I look at the headers in the POST request, I don't see the X-CSRF included for Vue.</p>
  
  <p>This is super basic stuff for jQuery and I'm a stumped what I misconfigured on the Vue side. Ideas?</p>