关于前端:怎么给axios添加自定义的token字段

52次阅读

共计 598 个字符,预计需要花费 2 分钟才能阅读完成。

个别在向后端发送申请获取数据的时候都须要带上 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:

2. 示例代码下载

能够复制以上代码运行查看应用成果,也能够到 GitHub: https://github.com/Jackyyans/code123 下载,更多示例将会继续更新,欢送关注。

正文完
 0