Как добавить токен при использовании axios для отправки запроса ajax?

Question

Я использую Laravel 5.3 и vue.js 2.0,
И я использую AXIOS (https://github.com/mzabriskie/axios) для отправки запросов AJAX,
Я следую за документы, чтобы установить TOKEN так:

<script> 

    axios.defaults.headers.common['Authorization'] = AUTH_TOKEN; //The error is at this line. 

    new Vue({ 
     el: "#app", 
     data: function() { 
      return { 
       items: [] 
      } 
     }, 
     mounted: function() { 
      this.$nextTick(function() { 
       axios.get('/articles').then(function (response) { 
        response.data.forEach(function (item) { 
         item.selected = false; 
        }); 
        this.items = response.data; 
       }).catch(function (error) { 

        console.log(error); 
       }); 
      }); 
     } 
    }); 
</script> 

ошибка в консоль такова:

Uncaught ReferenceError: AUTH_TOKEN is not defined 

Что мне делать?

Answer 1

у вас есть AUTH_TOKEN на окне? Если не window.AUTH_TOKEN, естественно, не будет определено.

общий набор в главе приложения Laravel является:

<script> 
    window.Laravel = <?php echo json_encode([ 
     'csrfToken' => csrf_token(), 
    ]); ?> 
</script> 

Это, следовательно, установить маркер CSRF. Я бы не подумал, что именно так вы будете устанавливать токен Auth, поэтому вам, вероятно, просто нужно будет выяснить, почему вы звоните window.AUTH_TOKEN

С точки зрения того, как вы создаете свой токен, который зависит от того, но если у вас есть это, вы можете посмотреть вместо этого на vuex для его хранения. Это позволит вам получить доступ к нему во всем приложении, не сохраняя ничего в окне.

Answer 2

должно быть

axios.defaults.headers.common['X-CSRF-TOKEN'] = document.querySelector('meta[name="csrf-token"]').getAttribute('content') 

и вы можете удалить

<script> 
    window.Laravel = <?php echo json_encode([ 
     'csrfToken' => csrf_token(), 
    ]); ?> 
</script> 

часть