Vue之axios

vue之axios

---

---

前言

Axios 是一个基于 Promise 的 HTTP 客户端，用于浏览器和 Node.js。它提供了一种简洁、直观的方式来进行网络请求，并支持诸如拦截器、取消请求、错误处理等功能。
目前axios主要分为两个版本：
1.Axios 0.x 版本：

Axios 0.x 版本是旧版的 Axios，它支持浏览器和 Node.js 环境。
它使用的是基于 XHR（XMLHttpRequest）的传统 AJAX 请求。
在 0.x 版本中，Axios 使用回调函数来处理响应结果。

2.Axios 0.21.x 版本： Axios 0.21.x 版本：

Axios 0.21.x 版本是更新的版本，同样支持浏览器和 Node.js 环境。
它使用的是基于浏览器的 Fetch API 和 Node.js 的 http 模块进行请求。
在 0.21.x 版本中，Axios 使用 Promise 和 async/await 语法来处理响应结果，使代码更简洁和易读。

需要注意的是：Axios 0.21.x 版本要求 Node.js 版本不低于 10.0.0，并且需要使用支持 Promise 和 Fetch API 的浏览器。

---

一、使用步骤

1.引入库

代码如下（示例）：

npm install axios//安装
npm list axios //查看是否安装axios

2.读入数据

代码如下（示例）：

import axios from 'axios';

// ...

axios.get('../data.json')
  .then(response => {
    // 处理响应数据
    console.log(response.data);
  })
  .catch(error => {
    // 处理错误
    console.error(error);
  });

注意：需要将data.json文件放在puublic目录下，这是vue-cli创建vue项目。

---