前言
不推荐完全copy过去,可以看看我是如何针对我这边业务; 做的一个axios的封装及实现的思路
----
需求及实现
统一捕获接口报错
弹窗提示
报错重定向
基础鉴权
表单序列化
----
实现的功能...统一捕获接口报错 : 用的axios内置的拦截器
弹窗提示: 引入 Element UI的Message组件
报错重定向: 路由钩子
基础鉴权: 服务端过期时间戳和token,还有借助路由的钩子
表单序列化...: 我这边直接用qs(npm模块),你有时间也可以自己写
----
效果图
坑都已经爬过,现在复现那些错误有点麻烦..所以没法录制动态图
----
用法及封装
用法
// 服务层 , import默认会找该目录下...config.data = qs.stringify(config.data);
// 温馨提示,若是贵公司的提交能直接接受json 格式,可以不用 qs 来序列化的...鉴权需要再严谨一些,token 可以遵循 JWT 的规格,以及引入中间层nodejs(对传输的做拦截封装加解密,聚合接口);