vue-拦截器

第一步

起步 | Axios 中文文档 | Axios 中文网

安装 npm install axios

 ​​​​​vue-拦截器_第1张图片

vue-拦截器_第2张图片

vue-拦截器_第3张图片

第二步

vue-拦截器_第4张图片

vue-拦截器_第5张图片 

 所有的请求都叫http协议

vue-拦截器_第6张图片

vue-拦截器_第7张图片 

vue-拦截器_第8张图片 

vue-拦截器_第9张图片

 vue-拦截器_第10张图片

第三步

vue-拦截器_第11张图片

导入后即可使用里面的方法

 vue-拦截器_第12张图片

任何一个东西都可以导出

vue-拦截器_第13张图片 

vue-拦截器_第14张图片

 只有一个的时候只需要用default 

 vue-拦截器_第15张图片

默认导出 export default new Http(config);截图上写的错的

vue-拦截器_第16张图片 

 第四步

  

vue-拦截器_第17张图片

第五步

vue-拦截器_第18张图片

 vue-拦截器_第19张图片

vue-拦截器_第20张图片 

 vue-拦截器_第21张图片

 

第六步

vue-拦截器_第22张图片

 vue-拦截器_第23张图片

vue-拦截器_第24张图片 

 第七步

loading

vue-拦截器_第25张图片

 

vue-拦截器_第26张图片 

 vue-拦截器_第27张图片

 vue-拦截器_第28张图片

 第八步

vue-拦截器_第29张图片

 vue-拦截器_第30张图片

 vue-拦截器_第31张图片

 第九步

vue-拦截器_第32张图片

vue-拦截器_第33张图片 

第十步 

vue-拦截器_第34张图片 

 vue-拦截器_第35张图片

 vue-拦截器_第36张图片

 vue-拦截器_第37张图片

 vue-拦截器_第38张图片

vue-拦截器_第39张图片 

vue-拦截器_第40张图片

 第十一步 

 vue-拦截器_第41张图片

 vue-拦截器_第42张图片

 ​​​​​​​​​​​​​​vue-拦截器_第43张图片

 vue-拦截器_第44张图片

 vue-拦截器_第45张图片

 

你可能感兴趣的:(随记,vue.js,前端,javascript)