vue中攜帶token以及發送ajax

在項目中基本登錄都會存在token，而我們也就需要在每次發送ajax的時候就必須攜帶他。從而最有效的辦法，就是在設置請求頭攜帶token，這樣設置一次后面的每一次都會攜帶着這個token。

一：設置請求頭

axios.interceptors.request.use(config => {
    let token = local.get('t_k') 

    if (token) {
        config.headers.Authorization = token;
    }

    return config
})

　　這里的local.get是我封裝的本地存儲的方法。然后if進行判斷是否存在這個token。這里面的Authorization不是固定的，具體看后端命名。比如我這后端命名為mtoken也就相當於Authorization替換成mtoken !!!.替換后可以在瀏覽器中進行檢查

一：

 

 二：

 

 三：

 

四：

 

 當你書寫正確的時候第四步的里面就會有一個屬性是你設置的屬性，屬性值等於后端給你的token

現在我們把token攜帶好后就開始發ajax

我這的需求相當於，進入頁面也要求得到數據，也就是在vue的生命周期的調用你的ajax函數，

async submitForm() {
      let res = await zjshouyi(this.loginForm);
      console.log(res);
    },

　　這里面的async和await是用來處理異步的。然后zjshouyi是我封裝的ajax請求函數

  created() {
    this.submitForm();
  },

　　然后我是放在vue的創建后進行發送ajax，一點要注意一下！！！  這里的函數前面一定要帶一個this不然會報錯，報你的函數未定義