日日操夜夜添-日日操影院-日日草夜夜操-日日干干-精品一区二区三区波多野结衣-精品一区二区三区高清免费不卡

公告:魔扣目錄網為廣大站長提供免費收錄網站服務,提交前請做好本站友鏈:【 網站目錄:http://www.ylptlb.cn 】, 免友鏈快審服務(50元/站),

點擊這里在線咨詢客服
新站提交
  • 網站:51998
  • 待審:31
  • 小程序:12
  • 文章:1030137
  • 會員:747

源碼目錄
在src目錄下建立一個request文件夾。里面建立兩個文件:
http.js
api.js
源碼內容
http.js
import axIOS from 'axios' // 引入axios
import store from '../store/index' // 引入Vuex
import router from '../router' // 引入vue-router
import { Message } from 'element-ui' //局部引入UI框架組件
// 環境的切換
if (process.env.NODE_ENV === 'development') {
axios.defaults.baseURL = 'https://xxx/' // 開發環境
} else if (process.env.NODE_ENV === 'debug') {
axios.defaults.baseURL = '' // 調試環境
} else if (process.env.NODE_ENV === 'production') {
axios.defaults.baseURL = 'https://xxx/' // 生產環境
}
axios.defaults.timeout = 10000;
// 請求攔截器

axios.interceptors.request.use(
config => {
if (localStorage.getItem('Authorization')) {

config.headers.Authorization = `Bearer` + " " + localStorage.getItem('Authorization'); //查看是否存在token
return config;
} else if (config.isUpload) {
config.headers = { 'Content-Type': 'multipart/form-data'} // 根據參數是否啟用form-data方式
return config;
} else {
config.headers = { 'Content-Type': 'Application/json' }
return config;
}
},
error => {
return Promise.error(error)
})
// 響應攔截器

axios.interceptors.response.use(
// 服務碼是200的情況
response => {
if (response.status === 200) {
switch (response.data.code) {
// 未登錄
case 3:
Message({
message: '未登錄',
type: 'error',
offset:380,
duration:1000
});
// 清除登錄狀態,返回首頁
localStorage.removeItem('Authorization')
localStorage.removeItem('info')
store.commit("changeNull")
if (router.app._route.name != 'home') {
setTimeout(() => {
router.push({
path: '/',
})
}, 1000)
}
break;
// 課程已添加
case 100:
Message({
message: '課程已添加',
type: 'error',
offset:380,
duration:1000
});
break;
// token過期
case 5:
Message({
message: '登錄過期,請重新登錄',
type: 'error',
offset:380,
duration:1000
});
// 清除登錄狀態,返回首頁
localStorage.removeItem('Authorization')
localStorage.removeItem('info')
store.commit("changeNull")
if (router.app._route.name != 'home') {
setTimeout(() => {
router.push({
path: '/',
})
}, 1000)
}
break;
}
return Promise.resolve(response);
} else {
return Promise.reject(response)
}
},
// 服務器狀態碼不是200的情況
error => {
if (error.response.status) {
switch (error.response.status) {
// 404請求不存在
case 404:
Message({
message: '網絡請求不存在',
type: 'error',
offset:380,
duration:1000
});
break;
// 其他錯誤,直接拋出錯誤提示
default:
Message({
message:
error.response.data.message,
type: 'error',
offset:380,
duration:1000
});
}
return Promise.reject(error.response)
}
}
)

。。。。。。。。。。。。。

作者:Vam的金豆之路

篇幅有限更多請見擴展鏈接:
http://www.mark-to-win.com/tutorial/50761.html

分享到:
標簽:Vue
用戶無頭像

網友整理

注冊時間:

網站:5 個   小程序:0 個  文章:12 篇

  • 51998

    網站

  • 12

    小程序

  • 1030137

    文章

  • 747

    會員

趕快注冊賬號,推廣您的網站吧!
最新入駐小程序

數獨大挑戰2018-06-03

數獨一種數學游戲,玩家需要根據9

答題星2018-06-03

您可以通過答題星輕松地創建試卷

全階人生考試2018-06-03

各種考試題,題庫,初中,高中,大學四六

運動步數有氧達人2018-06-03

記錄運動步數,積累氧氣值。還可偷

每日養生app2018-06-03

每日養生,天天健康

體育訓練成績評定2018-06-03

通用課目體育訓練成績評定