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

作者: 拖孩 | 来源:发表于2019-05-06 14:57 被阅读448次

安装

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）

请求拦截器

6.Vue3.0使用axios-二次封装
安装 npm install --save axios 在mian.js中引入 import axios 'axi...
axios导入、二次封装及使用
导入axios 二次封装使用
SYCacheManager缓存数据操作
SYCacheManager使用FMDB、LKDB进行二次封装，缓存数据。 FMDB的基本使用使用FMDataba...
数据库存储加密
存储使用JRDB第三方库，是对FMBD的二次封装使用分类的模式，模仿Hibernate，对FMDB进行简易封装...
前端刷题 —— 牛客网前端题库60道详解(五)
目录引言使用 arguments (入门)使用 apply 调用函数 (简单)二次封装函数 (简单)柯里化 (入...
axios-日常使用篇
强烈建议使用具体命方法发送请求发送get 或着 axios#get(url[, config])（查）,dele...
iOS简单数据库操作集成：MagicalRecord + YYM
使用MagicalRecord对CoreData的二次封装进行数据库操作使用cocoapods引入Magical...
element table 二次封装
在使用element-ui组件库时，通常需要二次封装组件 1. 封装 table+page 组件 2. 引用tab...
ORMLite二次封装使用
1.OrmLiteSqliteOpenHelper封装 2.针对数据库表映射数据实体类的操作类封装 3.数据库具体...
aioxs二次封装使用
importaxiosfrom'axios' importQsfrom'qs' axios.defaults.wi...