前言
不推荐完全copy过去,可以看看我是如何针对我这边业务; 做的一个axios的封装及实现的思路
----
需求及实现
统一捕获接口报错
弹窗提示
报错重定向
基础鉴权
表单序列化
----
实现的功能...统一捕获接口报错 : 用的axios内置的拦截器
弹窗提示: 引入 Element UI的Message组件
报错重定向: 路由钩子
基础鉴权: 服务端过期时间戳和token,还有借助路由的钩子
表单序列化..., 就给头部带上token
// 若是需要跨站点,存放到 cookie 会好一点,限制也没那么多,有些浏览环境限制了 localstorage 的使用
// 这里localStorage...一般是请求成功后我们自行写入到本地的,因为你放在vuex刷新就没了
// 一些必要的数据写入本地,优先从本地读取
if (localStorage.token) {
config.headers.Authorization...= localStorage.token;
}
return config;
},
error => {
// error 的回调信息,看贵公司的定义
Message