axios快速上手及ES6简单的模块化 ！！！

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 [email protected] --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);
  },
  

如果这篇文章能够帮助到你，希望您不要吝惜点赞 ，您的支持是我继续努力的动力 ！！！