怎么给axios添加自定义的token字段?

一般在向后端发送请求获取数据的时候都需要带上token,有时候可能还需要加上其他的自定义字段,怎么加呢,其实挺简单的,下面以axios为例给所有请求添加token字段。

1. 代码怎么写?

let loading = null;
// 请求拦截
axios.interceptors.request.use(
  config => {
    loading = Loading.service({
      text: "正在加载中......",
      fullscreen: true
    });
    // 这个token是随便编的
    let token = "sdsklssdfkdlsfkkskjfskfj";
    // 添加自定义token字段,mytoken
    config.headers.myToken = token;
    // 添加其他自定义字段,otherParams
    let otherParams = "sdfsf44545456456";
    config.headers.otherParams = otherParams;
    return config;
  },
  error => {
    return Promise.error(error);
  }
);

加上之后,可以看到请求头带上了自定义的字段myTokenotherParams:
怎么给axios添加自定义的token字段?_第1张图片

2. 示例代码下载

可以复制以上代码运行查看使用效果,也可以到GitHub: https://github.com/Jackyyans/code123下载,更多示例将会持续更新,欢迎关注。

你可能感兴趣的:(前端,vue.js,axios)