axios
什么是 axios?
Axios 是一个基于 promise 的 HTTP 库,可以用在浏览器和 node.js 中。
基本使用
Axios.method('url',[,..data],options)
.then(function(res){ })
.catch(function(err) { } )
合并请求
this.$axios.all([请求1,请求2])
.then(this.$axios.spread(function(res1,res2){
})
)
拦截器
- 单请求配置options:
axios.post(url,data,options);
- 全局配置defaults:
this.$axios.defaults
- config :
请求拦截器中的参数
- response.config
响应拦截器中的参数
- options
baseURL 基础URL路径
params 查询字符串(对象)
transformRequest 转换请求体数据
transformResponse 转换响应体数据
headers 头信息
data 请求体数据
timeout 请求超时,请求多久以后没有响应算是超时(毫秒)
模块化
- webpack命令
npm init -y
npm install webpack@3.6.0 --save-dev --registry https://registry.npm.taobao.org
- package.json文件
"scripts": { "test": "webpack ./main.js ./build.js" },
- 命令行运行
npm run test
ES6模块
- 导入和导出只能存在顶级作用域
- require引入是代码执行的时候才加载
- import 和export 都是提前加载 ,加载在代码执行之前
箭头函数 和 function
- 一方面箭头函数是种简写形式
- 应用场景: 由于箭头函数本身没有this和arguments,通常用在事件类的回调函数上,让其向上级function绑定this,而非事件对象
- 箭头函数不可以作为构造函数
ES6函数的简写
- 用在对象的属性中
fn3() { //干掉了:function,用在对象的属性中 console.log(this); },
如果这篇文章能够帮助到你,希望您不要吝惜点赞 ,您的支持是我继续努力的动力 !!!