axios請求封裝

axios請求封裝

新建http.js

import axios from

'axios'
//匯入axios
import router from
"../../router"
;//匯入路由
import qs from
'qs'
import
from
'element-ui'
//匯入element-ui
const configbaseurl =
''//api預設路徑， 
//使用create方法建立axios例項
// 請求超時時間})
// 新增請求***
)// 新增響應***
}//錯誤處理
errorhandle
(error.response.data.code, error.response.data.message)
return promise.
reject
(error.response)})
const
errorhandle
=(status, other)
=>).
then((
)=>
)break
;// 403 token過期
// 清除token並跳轉登入頁
case
403:
// tip('登入過期，請重新登入');
// router.replace('/');
break
;// 404請求不存在
case
404:
// tip('請求的資源不存在');
break
;default
: console.
log(other);}
}

//get請求資料用 params

//上傳檔案headers=

//post請求

//get請求

()元件呼叫

import

from
'../assets/js/request.js'
letuserdata
=login
(userdata).
then
(res=>).
catch
(err=>
)

()元件呼叫

//在min.js裡面引入request.js

import
from
'./assets/js/request.js'
//全域性註冊get和post方法
//呼叫方法
//介面位址，引數
)//介面位址，引數
axios請求封裝
首先在vue專案下安裝axios以及支援非同步提示的iview元件庫 npm install axios npm install iview 在src資料夾下新建axios資料夾，在其中新建api.js用於存放介面，request.js用於封裝axios物件 編寫request.js 123 456...
axios 請求與封裝
get請求的兩種方法 from data 表單提交 上傳 檔案上傳 let data axios.post post data then res axios then res from data 表單提交 let formdata new formdata for let key in data a...
vue 封裝axios請求
最近接手新的vue專案，發現axios竟然沒有封裝，立馬動手封裝，這裡記錄一下完整的封裝過程，廢話不說，直接上 baseconfig.js檔案 存放各個伺服器的位址 const express require express const proenv require pro.env 生產環境配置檔案...