vue專案的網路模組封裝
首先在src下建立一個network資料夾,在資料夾裡建立三個js檔案,分別是:config.js,core.js,index.js
config.js
var config ={
logon:'login',
}
export default config
core.js
import res from './index.js'
import config from './config'
var fire={
login(params={}){
return res({
url:config.logon,
method:'post',
params
})
}
}
export default fire;
index.js
import axios from 'axios';
var res=axios.create({
baseURL:'路徑',
timeout:5000
});
res.interceptors.request.use((config) => {
// console.log(config)
config.headers.Authorization=window.sessionStorage.getItem('token')
return config
})
export default res;
vue檔案裡呼叫請求
created(){
logon.login({
引數
})
.then((res) => {
console.log(res)
});
}
以上示例,若有問題,還請指出。
相關文章
- vue - axios網路封裝模組VueiOS封裝
- vue專案封裝iconVue封裝
- Vue — 請求模組、api模組封裝VueAPI封裝
- 封裝一個 Swift-Style 的網路模組封裝Swift
- 基於vue-resource的網路層封裝Vue封裝
- 封裝一個的toast彈出框(vue專案)封裝ASTVue
- WebSocket 封裝,vue3專案 拿來即用Web封裝Vue
- 手摸手教你封裝跨專案複用的 Vue 元件封裝Vue元件
- 專案重構之網路篇 根據OkHttp封裝簡單的框架HTTP封裝框架
- 網路封裝APi封裝API
- 模組的封裝(四):標頭檔案的疼封裝
- ToolBar專案封裝使用封裝
- JavaScript 模組封裝JavaScript封裝
- vue-axios的總結及專案中的常見封裝方法。VueiOS封裝
- 封裝C專案為dll封裝
- 網路圖片載入的封裝封裝
- OC:封裝網路請求封裝
- Ladda的vue封裝Vue封裝
- 封裝Vue 的 SVG 元件封裝VueSVG元件
- vue多專案多模組執行/打包Vue
- uni-app網路請求的封裝APP封裝
- Flutter 網路請求框架封裝Flutter框架封裝
- 小程式-網路請求封裝封裝
- Flutter 網路請求 Dio 封裝Flutter封裝
- vue專案安裝lessVue
- Vue Axios 的封裝使用VueiOS封裝
- 在RN專案上對axios的封裝iOS封裝
- vue元件封裝指南Vue元件封裝
- vue 封裝按鈕Vue封裝
- vue封裝彈框Vue封裝
- vue專案可修改引入檔案的路徑Vue
- 網路通訊1:位元組流的封裝封裝
- 關於網路框架設計封裝的扯淡框架封裝
- SolarNetwork-優雅的Swift網路封裝Swift封裝
- 最簡易的網路框架封裝(新手可看)框架封裝
- Retrofit+Rxjava網路層的優雅封裝RxJava封裝
- 「Vue實戰」武裝你的專案Vue
- 十. Axios網路請求封裝iOS封裝