在vue項目中，和后臺交互獲取數(shù)據(jù)這塊，我們通常使用的是axios庫，它是基于promise的http庫，可運行在瀏覽器端和node.js中。他有很多優(yōu)秀的特性，例如攔截請求和響應、取消請求、轉換json、客戶端防御cSRF等。所以我們的尤大大也是果斷放棄了對其官方庫vue-resource的維護，直接推薦我們使用axios庫。如果還對axios不了解的，可以移步axios文檔。

創(chuàng)新互聯(lián)是專業(yè)的明溪網站建設公司，明溪接單;提供做網站、網站制作,網頁設計,網站設計,建網站,PHP網站建設等專業(yè)做網站服務;采用PHP框架,可快速的進行明溪網站開發(fā)網頁制作和功能擴展;專業(yè)做搜索引擎喜愛的網站,專業(yè)的做網站團隊,希望更多企業(yè)前來合作!

安裝

npm install axios; // 安裝axios

好了，下面開始今天的正文。

此次封裝用以解決： （對于登錄功能的可以直接使用，其他網絡請求也可以直接用，如果有潔癖，可以把token有關的幾行代碼刪掉）

ps:使用時得的引入axios時： import axios from '這個文件的名字及相對路徑'

• 接受后臺token
• post參數(shù)自動轉換,省略qs.stringify()
• 后臺token過期之后自動清除本地數(shù)據(jù)，以便下次再次輸入賬號密碼
• 更好的錯誤提示信息

/**
 * 封裝網絡請求
 */
import axios from "axios"
import qs from "querystring"
import store from '../store'
import router from '../router'
//token過期之后重新回登錄界面
const toLogin = () =>{
 router.push("/login")
}
// 錯誤信息響應方法
const errroHandle = (status,other) => {
 switch(status){
  case 400:
   console.log("

總結

以上所述是小編給大家介紹的封裝一下vue中的axios示例代碼詳解，希望對大家有所幫助！

新聞名稱：封裝一下vue中的axios示例代碼詳解
分享網址：http://www.rwnh.cn/article36/gpoosg.html

成都網站建設公司_創(chuàng)新互聯(lián)，為您提供外貿網站建設、App開發(fā)、做網站、網站建設、微信公眾號、品牌網站設計

廣告

聲明：本網站發(fā)布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創(chuàng)新互聯(lián)