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

作者：小蓝xlanll | 2024-03-22 05:18:44

踩

vue3.0+ts 二次封装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）

请求拦截器

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/小蓝xlanll/article/detail/285546?site