import axios from
'axios'
// 匯入axios
import qs from
'qs'
// 匯入qs
import vue from
'vue'
// 匯入vue
import router from
'../router'
// 匯入路由檔案
import md5 from
'md5'
// 匯入md5加密
import jsencrypt from
'jsencrypt'
// 匯入rsa加密
import
from
'mint-ui'
// 匯入ui框架
import apis from
'./api'
// 匯入介面檔案
import
base_url
from
'../config'
// 匯入配置檔案
// 傳送請求前的動作
axios.interceptors.request.
use(config =>
, error =>
)// 接收響應前的動作
axios.interceptors.response.
use(response =>
, error =>
)// 對需要提交的data做篩選,根據配置檔案apis的常量,篩選出不需要加密的字段
function
datascreen
(data, body)
;let o =
;for
(let item in data)
else
} o.data = obj;
return o;
}// 對需要sign的引數進行欄位名稱排序,把對應的值進行拼接
function
getobjsort
(obj)
return str;
}// 對拼接好的字串進行公鑰加密,返回sign字串
function
getsign
(str)
return sign;
}const
vueajax
=(opts, data, body, describe)
=>
let headers =
headers.sign = sign;
let defaultopts =
if(opts.method==
'get'
)delete defaultopts.data;
else
delete defaultopts.params;
let promise =
newpromise
((resolve, reject)
=>
else
if(d.msg ==3)
})// 這裡是登入超時後跳轉致錯誤頁
}else
// console.log(describe + "——" + json.stringify(res.data))})
.catch
((error)
=>)}
)return promise;
}export
default vueajax;
config.js
let
base_url=""
;//這裡是乙個預設的url,可以沒有
switch
(process.env.
node_env
)export
default
base_url
;
再在package.json加入
Vue 中 axios 配置使用
1.安裝axios npm npm install axios s cdn 2.配置axios 在專案中新建api index.js檔案,用以配置axios api index.js import axios from axios function apiaxios method,url,param...
vue配置檔案分析
在vue cli3.0版本以上中,vue搭建的專案就去掉了config檔案,這就是意味著當我們在需要一些的配置的時候,需要自己建立檔案,當然檔案的命名和格式並不是隨便寫的,需要遵循vue檔案的格式才可以。vue.config.js 這個檔案就是我們經常需要用到的檔案,在這裡相當於vue cli2裡面...
vue2配置axios介面檔案
專案正常跑起來後,現在就開始與後台聯調介面的配置問題,也就是資料傳輸需要的介面配置。vue本身是不支援ajax介面請求的,所以我們需要安裝乙個介面請求npm包。開始新手上手建議使用superagent這個工具,具體介紹請看文件,以前的vue專案通常是用vue resource,但是vue resou...