js请求结果拦截机器_分享:一步一个脚印,vue入门之axios的应用及拦截封装
生活随笔
收集整理的這篇文章主要介紹了
js请求结果拦截机器_分享:一步一个脚印,vue入门之axios的应用及拦截封装
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
一、概述
在vue2.0項目中,我們主要使用axios進行http請求。
axios 是一個基于 promise 的 HTTP 庫,可以用在瀏覽器和 node.js 中。
特征:
1、從瀏覽器中創建XMLHttpRequests
2、從 node.js 創建http請求
3、支持PromiseAPI
4、支持攔截請求和響應
5、支持轉換請求數據和響應數據
6、可以取消請求
7、自動轉換 JSON 數據
8、客戶端支持防御XSRF
二、IE兼容性
axios是基于 promise,而promise對IE不支持,所以在進行axios使用之前,需要對IE做兼容性處理。這里主要使用到'babel-polyfill'。
使用npm進行安裝,npm install babel-polyfill --save
在main.js中導入。
這樣它將會把ES6代碼轉為ES5代碼,從而可以在現有環境執行。因此我們可以用ES6編寫,而不用考慮環境支持的問題。
三、axios攔截
1、npm安裝axios
npm install axios --save
2、搭建結構。src文件下建立axios文件夾,并在axios下建立index.js。
3、index.js中進行axios攔截封裝。
4、main.js中引入
5、api調用axios進行數據請求
總結
以上是生活随笔為你收集整理的js请求结果拦截机器_分享:一步一个脚印,vue入门之axios的应用及拦截封装的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: Shiro 实战教程
- 下一篇: html5 a-z字母排序,Mint U