6.Vue3.0使用axios-二次封装

安装

npm install  --save axios

在mian.js中引入

import axios 'axios' （axios不需要使用vue.use()，我也是不明所以然啊）

到这里我都会对axios进行二次封装

在http文件夹中新建api.js 文件

引入axios

import axios 'axios'

对post，get请求进行封装

get请求:

get请求封装

postJson请求:

postJson请求封装

postForm请求:

postForm请求封装

文件请求:(这个其实不怎么用到Element有文件上传的插件)

文件请求封装

封装完成了之后对它们进行输出（install 方法将被作为 Vue 的参数调用）：

输出

在mian.js中引入并且注册

import axiosApi from '@/http/api.js'

Vue.use(axiosApi)

axios有两个拦截器请求拦截器，响应拦截器可以进行处理

响应拦截器：

响应拦截器

请求拦截器：（上个项目中使用的是token）

请求拦截器