当前位置: 首页 > article >正文

Vue前端开发-axios默认配置和响应结构

配置对象可以在发送请求和实例化axios对象时进行配置,也可以通过 defaults 对象,设置默认的配置值,该配置值的优先级高于模块库的默认值,将会作用于每一个请求,除非在请求时,通过config对象进行变更,设置默认配置的格式如下代码所示:

axios.defaults.baseURL="http://rttop.cn/api";
axios.defaults.timeout=2000;

创建一个axios实例后,也可以修改设置的默认配置,如下代码所示:

// 初始设置默认值
axios.defaults.timeout=2000;
// 创建一个axios实例对象
const request = axios.create({
    baseURL: "http://rttop.cn/api"
})
// 修改默认配置属性
request.defaults.timeout=3000;

除了设置和修改默认配置之外,发送一次请求后,无论成功与失败,都将会返回响应的数据,并通过then或catch函数来获取,通常情况下,一个请求的响应数据对象中,包含的数据结构信息如下列代码所示:

{
  data: {},
  status: 200,
  statusText: 'OK',
  headers: {},
  config: {},
  request: {}
}

上述响应数据结构的属性值说明如下:

  • data: 由服务端返回的响应数据,源于服务端的数据设计。

  • status: 来源于服务端响应http请求的状态码,如200表示请求正常。

  • statusText: 来源于服务端响应http请求的状态信息,如OK表示请求正常。

  • headers: 返回服务端响应的头部信息。

  • config: 返回发送axios请求时的配置信息。

  • request: 返回生成请求响应的对象,浏览器为 XMLHttpRequest 实例。
    在这里插入图片描述


http://www.kler.cn/a/444060.html

相关文章:

  • linux springboot项目启动端口被占用 Port 8901 was already in use.
  • ScottPlot学习的常用笔记-02
  • Python tkinter写的《电脑装配单》和 Html版 可打印 可导出 excel 文件
  • kafka常用命令(持续更新)
  • 如何使用 WebAssembly 扩展后端应用
  • MySQL 分区与分表策略
  • Python机器学习笔记(七、深度学习-神经网络)
  • Cocos Creator 试玩广告开发
  • Vue 2 中 v-html 指令的使用详解
  • 面试小札:Java后端闪电五连鞭_9
  • 告别机器人味:如何让ChatGPT写出有灵魂的内容
  • JVM 垃圾回收之垃圾回收算法
  • Android Vendor Overlay机制
  • 【机器学习】【集成学习——决策树、随机森林】从零起步:掌握决策树、随机森林与GBDT的机器学习之旅
  • Qt之样式表使用(十一)
  • STM32中ADC模数转换器
  • 动手学深度学习11.1. 优化和深度学习-笔记练习(PyTorch)
  • 嵌入式驱动开发详解17(CAN驱动开发)
  • 在 Linux 下,将 tar 包打包成二进制程序
  • 【系统方案资料集】工业互联网数字中台解决方案,产业互联网数据中台解决方案,数据中台整体建设方案(Word,PPT)
  • Centos创建共享文件夹拉取文件
  • 使用Element-UI transfer穿梭框在屏幕下鼠标悬浮显示完整信息
  • 如何在 Ubuntu 22.04 上安装 MySQL
  • 《Posterior Collapse and Latent Variable Non-identifiability》
  • 【数据结构】平衡二叉树
  • 【Canvas与仪表盘】铝圈蓝底汽车速度仪表盘(可用键盘按键调节速度值)