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;
推荐阅读
- 基于|基于 antd 风格的 element-table + pagination 的二次封装
- 杭电oj——2030汉字统计
- react|react 安装
- 设计模式-代理模式-Proxy
- Improve|Improve Nested Conditionals(优化嵌套的条件语句) 面对大量的if-else语句
- Java|Java spi(service provider interface)
- 使用Promise对微信小程序wx.request请求方法进行封装
- React.js学习笔记(17)|React.js学习笔记(17) Mobx
- AnyProxy抓取http/https请求
- 1203