前端知识扫盲VUE知识篇三(axios知识)
Posted 蓝方人
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了前端知识扫盲VUE知识篇三(axios知识)相关的知识,希望对你有一定的参考价值。
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对象是否存在,存在则使用服务端方式发送请求。
以上是关于前端知识扫盲VUE知识篇三(axios知识)的主要内容,如果未能解决你的问题,请参考以下文章
前端常见知识点汇总(ES6,Vue,axios,Node.js,npm,webpack)
前端常见知识点汇总(ES6,Vue,axios,Node.js,npm,webpack)