参考这篇文章来写的,只是在接口返回参数的时候多加了一点点东西而已:
其实自己也不太懂,就参考别人的加上自己的一点点理解来写吧,能怎么样呢,都是从模仿开始嘛~
首先当然是要安装axios啦
npm i axios -S
然后在src目录下新建一个文件夹来存放封装的文件和api文件
在http.js文件下编写具体的封装方法:
// 引入axios
import axios from 'axios'
// 这个是elementui的组件,用来接口返回错误的时候弹出消息,可以用自己喜欢的组件代替
import {Message} from 'element-ui'
/**
* 请求失败后的错误统一处理
* @param {Number} status 请求失败的状态码
*/
const errorHandle = (status, other) => {
// 状态码判断 状态码跟后端协商好
switch (status) {
// 401: 未登录状态,跳转登录页
case 401:
Message.error('请求参数错误')
break
// 403 token过期
// 清除token并跳转登录页
case 403