title: Vue two requests only one valid token
body: <p>I just startet with vue and vue resource.
  In the backend I am using laravel, where I handle the jwt tokens.
  The token is refreshed every request. So far this works great, except one situation:
  If I send two requests in a row with vue resource like below:</p>
  
  <pre><code> //first request
   Vue.http.get('/api/runs').then((response) =&gt; {
  
          return response.json();
      }, (response) =&gt; {
          console.log(response);
          this.$set('error', {'status' : response.status, 'error': response.statusText});
      });
  //second request
  Vue.http.get('/api/meta').then((response) =&gt; {
  
          return response.json();
      }, (response) =&gt; {
          console.log(response);
          this.$set('error', {'status' : response.status, 'error': response.statusText});
      });
  </code></pre>
  
  <p>only the first request has a valid token.
  I am setting the token via the interceptor:</p>
  
  <pre><code> Vue.http.interceptors.push((request, next) =&gt; {
      request.headers['Authorization'] = Auth.getAuthHeader();
      request.emulateJSON = true;
      next(function(response) {
          if(response.headers['Authorization']) {
              var token = response.headers['Authorization'];
              localStorage.setItem('jwt-token', token);
          }
      });
  });
  </code></pre>
  
  <p>This happens, because both requests are fired parallel before the interceptor can set the new jwt token. 
  So my question is, how I can force the second request until the first has completely finished or how can I force the interceptor to wait?</p>