[問題探討]VUE項目通過axios做http攔截及將Token寫入請求頭中

需求：VUE項目http請求和響應的攔截

實現工具：axios

上代碼：

// 項目安裝axios
npm install axios
// main.js中引入axios
import axios from 'axios'
// 請求攔截
axios.interceptors.request.use(function (config) {
    // 在請求發出之前做一些處理
    // 設置X-TOKEN---效果見下圖
    onfig.headers['X-Token'] = ‘X-TOKEN which get from server’
    return config;
  }, function (error) {
    // 在請求錯誤時做的處理
    return Promise.reject(error);
  });
// 返回攔截
axios.interceptors.response.use(function (response) {
    // 對返回數據做一些處理
    return response;
  }, function (error) {
    // 在返回錯誤時做一些處理
    return Promise.reject(error);
  });

在請求頭中寫入X-TOKEN效果實例：

參考：github
https://github.com/axios/axios