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 — 請求模組、api模組封裝VueAPI封裝
- vue專案封裝iconVue封裝
- JavaScript 模組封裝JavaScript封裝
- 網路通訊1:位元組流的封裝封裝
- 封裝一個的toast彈出框(vue專案)封裝ASTVue
- WebSocket 封裝,vue3專案 拿來即用Web封裝Vue
- 手摸手教你封裝跨專案複用的 Vue 元件封裝Vue元件
- vue多專案多模組執行/打包Vue
- vue(24)網路請求模組axios使用VueiOS
- 8.7 一個模組的封裝過程封裝
- 網路封裝APi封裝API
- Lua封裝函式模組並由其他模組呼叫封裝函式
- ToolBar專案封裝使用封裝
- Swift 專案的模組化Swift
- vue-axios的總結及專案中的常見封裝方法。VueiOS封裝
- web前端基於vue的大型專案分模組開發Web前端Vue
- PyThon模組與專案熱度網站Python網站
- vue踩坑記-在專案中安裝依賴模組npm install報錯VueNPM
- 封裝C專案為dll封裝
- 通過專案梳理vuex模組化 與vue元件管理Vue元件
- React Native 原生模組封裝:支付寶示例React Native封裝
- iOS資料上報模組封裝方案iOS封裝
- Ladda的vue封裝Vue封裝
- OC:封裝網路請求封裝
- 在RN專案上對axios的封裝iOS封裝
- 網際網路是模組化的 - GordonGo
- SpringBoot - 多模組專案的搭建教程Spring Boot
- 封裝模組實現商品增刪改查封裝
- 網路爬蟲——Urllib模組實戰專案(含程式碼)爬取你的第一個網站爬蟲網站
- uni-app網路請求的封裝APP封裝
- 封裝Vue 的 SVG 元件封裝VueSVG元件
- Vue Axios 的封裝使用VueiOS封裝
- 小程式-網路請求封裝封裝
- Flutter 網路請求 Dio 封裝Flutter封裝
- 十. Axios網路請求封裝iOS封裝
- Flutter 網路請求框架封裝Flutter框架封裝
- vue專案安裝lessVue