[问题探讨]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