axios网络模块封装

网络测试
httpbin.org
发送普通的请求
在这里插入图片描述
get请求可以直接拼到URL后面
在这里插入图片描述
也可以将参数放到params对象中
在这里插入图片描述
在这里插入图片描述
axios发送并发请求
在这里插入图片描述
在这里插入图片描述
spread可以把值展开
在这里插入图片描述
在这里插入图片描述
数组的解构
在这里插入图片描述
对象的解构
在这里插入图片描述
axios配置信息相关
在这里插入图片描述
原始信息
在这里插入图片描述
defaults全局配置
使用全局的axios和对应的配置在进行网络请求
在这里插入图片描述
常见的配置选项
在这里插入图片描述
get请求—params
post请求—data
export default Axios //因为是default,所以import可以随意起名字
import axios from ‘xxxxx’

export default //只能导出一个实例
export const,function… //可以导出多个实例
在这里插入图片描述

创建axios的实例
在这里插入图片描述

在这里插入图片描述
创建第二个实例
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
拦截器
全局拦截器
在这里插入图片描述
局部拦截器
请求拦截
1.比如config中的一些信息不符合服务器的要求

// 2.比如每次发送网络请求时, 都希望在界面中显示一个请求的图标// 3.某些网络请求(比如登录(token)), 必须携带一些特殊的信息

在这里插入图片描述
响应拦截
在这里插入图片描述
响应拦截需要返回,返回的时候,只需要返回data,其他是axios框架加上去的,没用
在这里插入图片描述

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/569388.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

Docker持续集成与容器管理--系列教程

一 Docker简介 Docker介绍 Docker架构 二 Docker安装 Ubuntu Docker 安装 CentOS Docker 安装 Windows Docker 安装 MacOS Docker 安装 三 Docker使用 Docker Hello World Docker 容器使用 Docker 镜像使用 Docker 容器连接 四 Docker实例 Docker 安装 Nginx Docker 安装 MySQL…

Ubuntu 重置MySQL密码

1.重置密码的第一步就是跳过MySQL的密码认证过程,方法如下: vim /etc/my.cnf 在文档内搜索mysqld定位到[mysqld]文本段: /mysqld (在vim编辑状态下直接输入该命令可搜索文本内容)在[mysqld]后面任意一行添加“skip-grant-tables”用来跳过密…

margin padding 上下边框对内联元素span无效

<span> 和<code> 内联元素 设置上下边框如 margin-top margin-bottom padding-top padding-bottom&#xff0c;无效。 设置左右 margin-right margin-left padding-right padding-left&#xff0c;有效。 设置 display: inline-block 可以使上下边框生效

sendMessage 与 obtainMessage (sendToTarget)比较

我们平时在做到多线程问题的时候可能利用Handler去传递Message&#xff0c;其中&#xff0c;经常使用的就是1、new Handler().obtainMessage().sendToTarget();2、new Handler().sendMessage(new Message());第一种是直接传递what&#xff0c;obj等&#xff0c;msg的一些数据&a…

toFixed用法 四舍五入保留小数

Num.toFixed(aaa) 参数&#xff1a;其中&#xff0c;aaa 参数范围0~20&#xff0c;决定保留几位小数&#xff0c;默认是0 返回值&#xff1a; 返回数字的字符串形式 参考mdn https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Number/toFixe…

MUI

跳转页面后刷新 首先在添加信息页面写上 mui.init({beforeback: function() {  //获得父页面的webviewvar list plus.webview.currentWebview().opener();  //触发父页面的自定义事件(refresh),从而进行刷新mui.fire(list, getDaily);//返回true,继续页面关闭逻辑return t…

图片vertical-align 属性,对齐文本

vertical-align: baseline top middle bottom

如何在报表中实现算法的可挂接需求

在报表项目中&#xff0c;有些报表中部分数据的计算方法会经常改变。例如&#xff1a;某企业员工的实际工资是通过绩效得分计算出的&#xff0c;而绩效的算法可能经常变动&#xff0c;需要在不改动其他代码的情况下用新算法替换旧算法。一般我们都会想到用 Java 来实现计算&…

【数据结构】字符串匹配|BF算法|KMP算法|next数组的优化

字符串匹配算法是在实际工程中经常遇到的问题&#xff0c;也是各大公司笔试面试的常考题目&#xff0c;本文主要介绍BF算法&#xff08;最好想到的算法&#xff0c;也最好实现&#xff09;和KMP算法&#xff08;最经典的&#xff09; 一、BF算法 BF算法&#xff0c;即暴力(Bru…

vue报错:Cannot read properties of undefined (reading ‘0‘)

报错信息&#xff1a;Cannot read properties of undefined (reading 0) 描述&#xff1a; goodsInfo 是对象类型&#xff0c;其包含key 为 content&#xff0c; content为数组类型&#xff0c; 直接取数组内容&#xff0c;页面能展示出来&#xff0c;只是console 会报错 原文…

JMeter【第五篇】关联:5种方法

前几天在Q群里看到群友发的最近10年性能测试工具使用率的统计&#xff0c;最近的2018年&#xff0c;jmeterloadrunner占了93%的使用率&#xff0c;说明这两个是主流&#xff0c;其中&#xff0c;jmeter的使用率逐年提升&#xff0c;现在已经超过了loadrunner&#xff0c;占了51…

四世同堂-读记

四世同堂是老舍先生写的长篇小说&#xff0c;因为书太长了&#xff0c;共分为三部&#xff0c;《惶恐》、《偷生》和《饥荒》&#xff0c;这本书大家都说很长&#xff0c;读了确实觉得很长&#xff0c;毕竟时间和精力有限。现如今&#xff0c;这本书我已经把《惶恐》看完了&…

树——通用树到二叉树的转换

1&#xff0c;已经创建了通用树结构&#xff0c;有必要创建另一种树结构吗&#xff1f; 2&#xff0c;简化树就直接减少结点中孩子的数量&#xff0c;但是这样树还能通用吗&#xff1f; 3&#xff0c;通用树结构的回顾&#xff1a; 1&#xff0c;双亲孩子表示法&#xff1a; 1&…

沃顿商学院最受欢迎的谈判课

沃顿商学院最受欢迎的谈判课讲了很多种在不同的情境之中&#xff0c;谈判技巧如何使用&#xff0c;帮助自己实现自己的目标&#xff0c;可以改善人们的思维习惯。随着人际交往的增加及人际圈的扩大&#xff0c;我明显感受到自己的处事思维以及情商方面的缺乏&#xff0c;想要通…

文件的读写

文件的最基本读写方式 1 fopen(小重山,r,encodingutf8)2 datef.read(5) #3 print(date)4 f.close()5 6 import time7 fopen(小重山2,a,encodingutf8)8 9 datef.write(\n hello cindy.\n) 10 datef.write(im so young) 11 12 time.sleep(2) 13 f.close…

学习小记录

一次性较快删除文件夹 npm install rimraf -g rimraf node_modules

如何运行exe文件

有三种方式 第一种&#xff1a;找到所在文件双击运行。 第二种&#xff1a;在命令行里面运行所在文件夹的位置&#xff0c;在输入文件名。 第三种&#xff1a;加到环境变量里面执行 转载于:https://www.cnblogs.com/q2546/p/10931956.html

觉得看到的很好的文章---以自勉

整体上来看&#xff0c;人脉当然很重要。不过&#xff0c;针对某个个体来说&#xff0c;更重要的是他所拥有的资源。有些资源很难瞬间获得&#xff0c;比如金钱、地位、名誉&#xff0c;尤其在这些资源的获得更多地依赖出身和运气的现实世界里。然而有些资源却可以很容易从零开…

一维数组和二维数组互转

$arr [1>玩玩,2>哦噢,3>嚷嚷,4>纯粹,5>不会,6>呃呃,7>卡卡,8>啊啊,9>一样,10>哈哈];$b Array();//一维数组转换成二维数组foreach ($arr as $key > $value) {$b[]Array(id>$key,name>$value);}$c array_column($b,name,id);//二维数…

前端基础笔记

1、加动画 在原来的元素上&#xff1a; transition: all .2s ease-in 在有hover的上&#xff1a; transform: translateY(-2px)