前端知识扫盲VUE知识篇三（axios知识）

Posted 2020-12-22 蓝方人

1、axios是什么

2、axios的特点有哪些

3、axios有哪些常用方法

4、axios相关配置属性

5、axios的拦截器

6、axios为什么既能在浏览器环境运行又能在服务器(node)环境运行？

 

1、axios是什么？

　　他是一个封装好的http请求库，他是基于es6的promise机制实现的。

　　浏览器基于XMLHttpRequest对象封装的，跟Ajax一样，只不过他们开放的API使用有差别而已；

2、axios的特点有哪些？

　　支持pormise的所有API

　　支持服务端与客户端使用 

　　支持配置实例默认值和拦截器。（一般一个前端项目我们只需要配置一个axios实例，所以实例默认值理解成全局默认值可能更好理解。比如请求地址的前缀，和统一的错误处理；）

　　支持防御CSRF跨站攻击 （把token加在http请求头自定义属性里，服务端配合使用）

　　他不支持JSONP方式

3、axios有哪些常用方法

　　axios.get get请求；axios.put put请求；axios.post post请求 axios.delete请求；等等 

　　axios.all 多个请求一起顺序同步请求。

4、axios相关配置属性

　　URL，baseUrl，method，headers，params(url参数)，data（请求体参数），auth,配置token

5、axios的拦截器

　　通过axios.interceptors.request.use添加请求拦截器

　　通过axios.interceptors.respones.use添加响应拦截器

　　也可以为自定义实例添加

6、axios为什么既能在浏览器环境运行又能在服务器(node)环境运行？

　　他在发送请求时会判断时如果XMLHttpRequest对象存在则使用客户端方式发送请求

　　否则判断process对象是否存在，存在则使用服务端方式发送请求。