axios作为jquery中ajax的替代产物，越来越多的被前端工程师所使用，这个npm包的使用非常灵活和强大，并且在nodejs端和浏览器端通用，在浏览器端axios内部封装的是XMLhttprequest对象，在nodejs端封装的是http核心模块。
xhr.onreadystatechange = function() { 当事件发生时执行的代码 }
nodejs作为一个优秀的异步IO框架，其本身就是用来作为http web服务器使用的，nodejs中的http模块，提供了很多非常有用的http相关的功能。
我们知道很多大型项目都或多或少的采用跨域的模式开发, 以达到服务和资源的解耦和高效利用. 在大前端盛行的今天更为如此, 前端工程师可以通过nodejs或者Nginx轻松搭建起web服务器.这个时候我们只需要请求后端服务器的接口即可实现系统的业务功能开发.这个过程中会涉及到web页面向API服务器的跨域访问(由于受到浏览器的同源策略,但是业界已有很多解决方案,接下来会介绍).通过这种开发模式使得我们真正的实现了前后端完全分离.
你所浏览的网站基于网络，当前看到的网页也是基于网络，在前端中，网络几乎无处不在，哪怕代码里面没有和网络打交道，在使用、发布等过程中一定会用上网络。所以不管看不看得到，网络一定是前端里面重要的部分
使用 vue 开发时，频繁使用到了 axios 这个网络请求库，这里对其做一个发起请求时携带参数方式的小结。
//当实例创建时候修改配置 instance.defaults.headers.common["Authorization"] = AUTH_TOKEN; 3、 配置中的有优先级
在现代Web应用程序开发中，经常需要使用Ajax技术进行与服务器的交互，以获取数据、发送请求或更新数据等。Vue3是一种流行的JavaScript框架，为我们提供了许多工具和库来简化和优化与服务器的通信。其中一个常用的工具是axios，它是一个基于Promise的HTTP客户端，可以在浏览器和Node.js中发送HTTP请求。本文将详细介绍Vue3中使用axios进行Ajax请求的方法和技巧。
在这个示例中，我们使用axios.get()方法发送一个GET请求到指定的URL。然后，使用.then()方法来处理成功的响应，并使用.catch()方法来处理请求错误。在成功的情况下，我们可以通过response.data来访问返回的数据，在错误的情况下，我们可以通过error来获取错误信息。
Axios是一个异步请求技术，核心作用就是用来在页面中发送异步请求，并获取对应数据在页面中进行渲染，页面局部更新技术Ajax.
当你第一次接触工程化的项目时，看到项目控制台正在 building，过一会突然跳出一个 URL 地址，你点开它居然是你刚写好的网页，好神奇。
在vuejs中，使用axios请求数据，一般会封装一个请求方法，然后在每个页面中调用，这样就造成代码冗余，导致代码可读性差，维护困难。
Axios提供了多种方法来发送不同类型的请求，包括GET、POST、PUT、DELETE等。
14天阅读挑战赛 努力是为了不平庸~ 目录 1. mockjs 1.1 mockjs介绍 1.2 mockjs使用步骤 1.2.1 安装mockjs依赖 1.2.2 在项目中引入mockjs 1.2.3 创建目录和文件 1.2.4 为每个组件准备模拟数据 1.2.5 测试 1.2.6 前端调试 1.2.7 mockjs生成随机响应数据 1.2.8 根据不同响应，给出不同提示 2. 登录注册间的跳转 2.1 加入登录及注册按钮 2.2 增加注册组件 2.3 配置路由 3. 系统首页 3.1 准备 3.2 M
在Vue1.0的时候有一个官方推荐的 ajax 插件 vue-resource，但是自从 Vue 更新到 2.0 之后，官方就不再更新 vue-resource。
一般情况下，网页上下载资源，都是通过选组连接跳转之后，会自动下载，说白了就是get请求 这种是最简单的，但是有时
适用于频繁触发并且需要给予用户一些反馈的场景，如：resize、scroll、mousemove
我第一次接触ajax是从JQuery ajax开始的。但是对于现在的脚手架方式，不会有人往项目中引入jQuery。因为JQuery已经不太常用了。
Axios 是一个基于 promise 的 HTTP 库，可以用在浏览器和 node.js 中 axios的github:https://github.com/axios/axios
在Vue.js的框架中，如果要发送ajax请求是需要借助外部库的。在vue1.0版本官方推荐的vue-resource、vue2.0版本官方推荐的axios，或者也可以使用jquery来发送ajax请求。
axios是基于 Promise 的 ajax 封装库，也是前端目前最流行的 ajax 请求库。简单地说发送 get、post 请求，是一个轻量级的库，使用时可直接引入。
1、 利用npm安装npm install axios --save 2、 利用bower安装bower install axios --save 3、 直接利用cdn引入<script src="https://unpkg.com/axios/dist/axios.min.js"></script>
现代Javascript提供了许多向远程服务器发送HTTP请求的方法。从原生XMLHttpRequest对象到Axios等第三方库，拥有如此丰富的选择集合使得在web应用程序中请求和动态加载内容比以往任何时候都更加轻松。
记录一下自己在 nodejs 中使用 http 请求库 axios 中的一些坑（针对 Cookie 操作）
以下的axios网络请求的代码都在Vue项目src文件夹下的main.js中完成。
github 地址：https://github.com/qq44924588...
从vue2版本开始，vue-resource就不再被vue所维护和支持，官方也推荐使用axios，所以，从我使用axios至今，差不多有四五年了，这四五年的时间只能算是熟练应用，很多内部的实现和原理不清不楚，导致在开发的时候遇到问题，大多数情况都是凭借经验来“猜测”出答案，这就导致内心深处十分的空虚和忐忑，就像是走路的时候脚步虚浮，跌跌撞撞，一点都不平稳。刚好最近的计划是看源码，所以就从axios开始，详细的去解读整个axios的实现，希望这个系列既是笔记也是分享，让大家知道原理，理解场景，懂得实现。ok，下面我们开始进入正文吧。
本篇将详细介绍如何使用axios发送get请求，并且解决django+vue的跨域问题 前端页面如下
一个完整的nodejs的应用，由以下三部分组成：1，引入require模块，2，用createServer创建一个服务器，3，接收、响应请求（回调）
AJAX(Asynchronous JavaScript And XML):异步的JavaScript 和 XML
一般情况下，一个项目的所有请求都会由一个统一的基础路径加上不同的接口路径和接口名组成，并且大部分接口都会有统一的请求或者响应处理，例如返回不同code值，要做响应处理，如果把所有接口都单独处理可谓是资源的极大浪费，因此想办法统一管理。在上一步中，已经新建了一个名为 service的文件夹，包含两个js文件：
Axios是一个基于Promise的HTTP客户端库，可以用于在浏览器和Node.js中发送HTTP请求。为了方便使用，我们可以对Axios进行封装，将常用的配置项和请求方法封装起来，使其更易于使用。
上一章，我们开发了一些简单的代码，这部分代码最最核心的一个方法就是buildURL，应对了把对象处理成query参数的方方面面。虽然我们现在可以发起简单的请求了，但是第一，我们无法接收到服务器的响应，哦不对，其实在浏览器层面，response已经是接收到了的，只是代码里还拿不到response，因为我们还没写。第二，post的请求还没实现。而处理拿到的response实际上就是处理响应体和响应头。实现post请求，实际上就是实现请求体和请求头。今天我们就来实现这四个点的内容。
「此刻你在沙漠里，因此你要潜心于沙漠之中。沙漠和世上其他东西一样，可以用来理解世界。你甚至不必理解沙漠，只要观察普通的沙粒就行，从中你可以看到天地万物的神奇之处。--------《牧羊少年的人生之旅》」
Ryan Dahl开发node的初衷就是：把Nginx非阻塞IO功能和一个高度封装的WEB服务器结合在一起的东东。所以Node初衷就是为了高性能的Web服务器去的，所以：Node的HTTP模块也是核心的核心。 本文需要您了解的前置知识点： HTTP协议 Web请求模型：请求→处理→响应 Node的流、事件 http模块的客户端 要使用 HTTP 服务器与客户端，需要 require('http')模块。http模块提供了两个函数http.request()和http.get(),帮助程序向服务器端发送请求。
在前端开发中，能够完成数据请求的方式有很多，如Ajax、jQuery ajax、axios和fetch等。不过，随着技术的发展，现在能够看到的基本上也就axios和fetch两种。
A: Axios 是一个基于 promise 的 HTTP 库，可以用在浏览器和 node.js 中。
在 URL 地址中不允许出现中文、空格等特殊字符，因此浏览器会自动对 URL 地址内的中文进行转换处理。例如上面的地址：
要创建一个Axios实例，您可以使用axios.create()方法。该方法接受一个可选的配置对象作为参数，并返回一个新的Axios实例。
如果要全局使用axios就需要在main.js中设置成全局的，然后再组件中通过this调用
axios.all([]) 返回的结果是一个数组，使用 axios.spread 可将数组 [res1,res2] 展开为 res1, res2
1） 在src目录下创建mock目录，定义mock主文件index.js，并在该文件中定义拦截路由配置，/src/mock/index.js。 index.js内容如下：
Fetch API是使用 JavaScript请求资源的优秀工具。虽然我们开发时可能是经常使用axios，但是实际上Fetch API也能做很多一样的事。并且使用Fetch API不需要安装axios，所以我们做一些小案例，但是需要调接口的话，Fetch API便是很好的选择，不需要安装axios，也不需要像XMLHttpRequest 对象那样子需要较多步骤。
一个项目一开始总是出于还不错愿景，但做着做着，就越来越乱了。万丈高楼平地起，有些基础的问题解决好，后面改需求就不会那么痛苦了。
打开 http://localhost:3000/，可以在 Resources 中看到所有的接口
同步是多个任务按照执行顺序进行执行，前面的任务执行完成后才能开始执行下一个任务 异步是多个任务按照执行顺序同时调用执行，前面的任务执行是否完成不影响下一个任务的执行过程 项目开发中如果上一个执行任务的结果，对下一个任务有影响，需要按照同步的方式进行处理，如读取HTML文件内容响应给用户的操作 项目开发中如果上一个执行任务的结果，对下一个任务没有影响，可以通过异步的方式进行处理，如Node http模块中监听请求和启动服务就可以执行异步处理
Axios的请求拦截器允许您在发送请求之前对其进行拦截和修改。您可以使用axios.interceptors.request对象来添加和移除请求拦截器。以下是请求拦截器的使用方法：
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
即时通信 IM
ICP备案
对象存储
实时音视频
