axios -- axios 是什么 & axios 特点 & json-server的介绍与服务搭建 & axios 引入

Posted Z && Y

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了axios -- axios 是什么 & axios 特点 & json-server的介绍与服务搭建 & axios 引入相关的知识,希望对你有一定的参考价值。

1. axios


1.1 axios 是什么?

  1. 前端最流行的 ajax 请求库
  2. react/vue 官方都推荐使用 axios 发 ajax 请求
  3. 文档: https://github.com/axios/axios

1.2 axios 特点

  1. 基于 xhr + promise 的异步 ajax 请求库
  2. 浏览器端/node 端都可以使用
  3. 支持请求/响应拦截器
  4. 支持请求取消
  5. 请求/响应数据转换
  6. 批量发送多个请求

1.3 json-server的介绍与服务搭建

json-server文档:
json-server可以帮助我们快速搭建Http服务
json-server安装和使用


1.4 axios 引入

项目中常用方式:

学习:

示例:

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>axios配置</title>
    <script src="https://cdn.bootcdn.net/ajax/libs/axios/0.21.1/axios.min.js"></script>
</head>

<body>
    <script>
        console.log(axios);
    </script>
</body>

</html>

运行结果:



以上是关于axios -- axios 是什么 & axios 特点 & json-server的介绍与服务搭建 & axios 引入的主要内容,如果未能解决你的问题,请参考以下文章

axios -- axios常用配置对象说明 & axios的默认配置 & axios创建实例对象发送ajax请求

Axios:获取两个请求 OPTIONS & POST

axios -- axios的基本使用 & axios其他方式发送请求 & axios请求响应结构分析

为啥 v-for & axios 不一个个加载项目?

axios -- axios拦截器 & 取消请求

什么是Axios ?