React|antd pro给请求添加token

antd pro给请求添加token 你好! 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Markdown编辑器, 可以仔细阅读这篇文章,了解一下Markdown的基本语法知识。
antd pro中关于umi-rquest的源码

/** * 配置request请求时的默认参数 */ const request = extend({ errorHandler, }); export default request;

添加token后的源码 【React|antd pro给请求添加token】增加一个拦截器,每次请求前尝试去sessionStorage中获取token
/** * 配置request请求时的默认参数 */ const request = extend({ errorHandler, }); request.interceptors.request.use(async (url, options) => {// 此处为拦截器,每次发送请求之前判断能否取到token if (sessionStorage.getItem('token')) { const headers = { 'Content-Type': 'application/json', 'Accept': 'application/json', 'Authorization': `Token ${sessionStorage.getItem('token')}`, }; return { url, options: { ...options, headers }, }; } }); export default request;

    推荐阅读