前提:一次面试被问到了,axios有什么特点,对比一下ajax。答的很不满意。
axios是一个基于Promise的http请求库,可用于浏览器和 Node。可以说是目前最为常用的http库,有必要了解一下其内部的实现原理。
同时支持浏览器端和服务端的请求。由于axios的这一特性,vue的服务端渲染对于axios简直毫无抵抗力。 这很牛x啊!
下面选部分重要代码分析。
function getDefaultAdapter() { var adapter; if (typeof XMLHttpRequest !== ‘undefined‘) { //通过判断XMLHttpRequest是否存在,来判断是否是浏览器环境 adapter = require(‘./adapters/xhr‘); } else if (typeof process !== ‘undefined‘) { //通过判断process是否存在,来判断是否是node环境 adapter = require(‘./adapters/http‘); } return adapter; }
到这里真相大白,这里通过 XMLHttpRequest 和 process 来判断是浏览器环境还是node环境(学习了!), 从而在不同的环境提供不同的http请求模块,实现客户端和服务端程序的兼容。
同理,我们在做ssr服务端渲染时,也可以使用这个方法来判断代码当前的执行环境。
知识点:
XMLHttpRequest 是浏览器内置的一个对象,它为客户端提供了在客户端和服务器之间传输数据的功能。
process 对象是node内置的一个全局变量,提供有关信息,控制当前 Node.js 进程。