await async axios
时间:2021-07-21
本文章向大家介绍await async axios,主要包括await async axios使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。
import axios from 'axios'
2import Api from 'api.js'
3
4let instance = axios.creat({
5 baseURL: 'http://localhost:8080',
6 timeout: 1000
7})
8const Http = {}//包裹请求方法的容器
9
10for(let key in Api){
11 let api = Api[key]
12 Http[key] = async function(
13 params,//请求参数
14 isFormData=false,//是否是form-data请求
15 config={}//配置参数
16 ){
17 let newParams = {}
18
19 //判断content-type是不是form-data类型
20 if(params && isFormData){
21 newParams = new FormData()
22 for(let i in params){
23 newParams.append(i,params[i])
24 }
25 }else newParams = params
26
27 //不同请求的判断
28 let res = {}
29 if(api.method === 'put' || api.method === 'post' || api.method === 'patch'){
30 try{
31 res = await instance[api.method](api.url,newParams,config)
32 }catch(err){
33 res = err
34 }
35 }else if(api.method === 'delete' || api.method === 'get'){
36 config.params = newParams
37 try{
38 res = await instance[api.method](api.url,config)
39 }catch(err){
40 res = err
41 }
42 }
43 return res //返回响应值
44 }
45}
46//请求拦截器
47instance.interceptors.request.use(
48 config => {
49 //发起请求前
50 Toast.loading()
51 return config
52 },
53 err => {
54 //请求错误
55 Toast.clear()
56 return err
57 }
58)
59//响应拦截器
60instance.interceptors.response.use(
61 res => {
62 //响应前
63 Toast.clear()
64 return res.data
65 },
66 err => {
67 //响应错误
68 Toast.clear()
69 return err
70 }
71)
72
73export default Http
调用方法
1import Http from 'http.js'
2Vue.prototype.$Http = Http
3
4async function(){
5 let res = await this.$Http.api1({id: 4})
6}
7
8async function(){
9 let res = await this.$Http.api2(info,true,config)
10}
原文地址:https://www.cnblogs.com/SunshineKimi/p/15039297.html
- Linux shell 程序设计1——安装及入门
- 偶遇--《坑新人--前端专用面试题》
- 简单的说下,(function(){...})() 与 (function(){...}()) 有什么区别?
- ASP.NET Process Model之二:ASP.NET Http Runtime Pipeline[上篇]
- Shell常用命令小结
- 插入法排序
- ASP.NET Process Model之二:ASP.NET Http Runtime Pipeline - Part II
- 震惊了!这样的js面试题让所有人-男默女泪
- 前端知识学了却不会用,都是没走心
- var a="xx";a=a+"ss";a的值变了,但"xx"字符串并没有变
- 先行者计划--1109微课总结 | 《通过二个demo初识webPack》
- 先行者计划--1107微课 《什么是Vuex?》| 文字简版
- 脱离前端菜鸟层次的二个关键点
- 【课堂笔记】先行者 3.0版本的vueJs课程的第三次课
- java教程
- Java快速入门
- Java 开发环境配置
- Java基本语法
- Java 对象和类
- Java 基本数据类型
- Java 变量类型
- Java 修饰符
- Java 运算符
- Java 循环结构
- Java 分支结构
- Java Number类
- Java Character类
- Java String类
- Java StringBuffer和StringBuilder类
- Java 数组
- Java 日期时间
- Java 正则表达式
- Java 方法
- Java 流(Stream)、文件(File)和IO
- Java 异常处理
- Java 继承
- Java 重写(Override)与重载(Overload)
- Java 多态
- Java 抽象类
- Java 封装
- Java 接口
- Java 包(package)
- Java 数据结构
- Java 集合框架
- Java 泛型
- Java 序列化
- Java 网络编程
- Java 发送邮件
- Java 多线程编程
- Java Applet基础
- Java 文档注释