parent
fa3304b0e2
commit
861944f20e
19 changed files with 272 additions and 165 deletions
|
After Width: | Height: | Size: 507 KiB |
|
After Width: | Height: | Size: 484 KiB |
|
After Width: | Height: | Size: 623 KiB |
|
After Width: | Height: | Size: 474 KiB |
|
After Width: | Height: | Size: 400 KiB |
|
After Width: | Height: | Size: 385 KiB |
@ -1,134 +1,111 @@ |
|||||||
import axios from "axios"; |
import axios from "axios"; |
||||||
import util from "@/libs/util"; |
import Util from "@/libs/util"; |
||||||
import router from "@/router/index"; |
|
||||||
import Setting from "@/setting"; |
import Setting from "@/setting"; |
||||||
import store from '@/store' |
import store from '@/store' |
||||||
|
|
||||||
const service = axios.create({ |
const service = axios.create({ |
||||||
baseURL: Setting.apiBaseURL, |
baseURL: Setting.apiBaseURL, |
||||||
timeout: 10000000 |
timeout: 10000000 |
||||||
}); |
}); |
||||||
// post请求头
|
// post请求头
|
||||||
service.defaults.headers.post["Content-Type"] = "application/json;charset=UTF-8"; |
service.defaults.headers.post["Content-Type"] = "application/json;charset=UTF-8"; |
||||||
// service.defaults.withCredentials = true
|
|
||||||
|
|
||||||
// 请求拦截器
|
// 请求拦截器
|
||||||
service.interceptors.request.use(config => { |
service.interceptors.request.use(config => { |
||||||
let token = util.local.get(Setting.tokenKey); |
let token = Util.local.get(Setting.tokenKey); |
||||||
if (token) config.headers.token = token |
if (token) config.headers.token = token |
||||||
return config; |
return config; |
||||||
}, err => { |
}, err => { |
||||||
util.errorMsg({ |
Util.errorMsg({ |
||||||
message: "退出登陆", |
message: "退出登陆", |
||||||
onClose: function() { |
onClose: function() { |
||||||
store.dispatch('user/logout') |
store.dispatch('user/logout') |
||||||
} |
} |
||||||
}); |
}); |
||||||
return Promise.reject(err); |
return Promise.reject(err); |
||||||
}); |
}); |
||||||
|
|
||||||
// 响应拦截器
|
// 响应拦截器
|
||||||
service.interceptors.response.use( |
service.interceptors.response.use( |
||||||
response => { |
response => { |
||||||
const res = response.data; |
const res = response.data |
||||||
if (res.code == 200) { |
const { code } = res |
||||||
return Promise.resolve(res).catch(e => {}); |
if (code == 200) { |
||||||
} else { |
return Promise.resolve(res).catch(e => {}); |
||||||
util.errorMsg(res.msg); |
} else if (code === 401) { |
||||||
return Promise.reject(res) |
Util.errorMsg(res.msg) |
||||||
// return Promise.resolve(res).catch(e => {});
|
setTimeout(() => { |
||||||
} |
store.dispatch('user/logout') |
||||||
}, |
}, 1000) |
||||||
// 服务器状态码不是200的情况
|
return Promise.reject(res) |
||||||
error => { |
} else { |
||||||
if (error.response.status) { |
Util.errorMsg(res.msg); |
||||||
switch (error.response.status) { |
return Promise.reject(res) |
||||||
// 401: 未登录
|
|
||||||
// 未登录则跳转登录页面，并携带当前页面的路径
|
|
||||||
// 在登录成功后返回当前页面，这一步需要在登录页操作。
|
|
||||||
case 401: |
|
||||||
util.local.remove(Setting.storeKey); |
|
||||||
util.local.remove(Setting.tokenKey); |
|
||||||
util.errorMsg("登录过期，请重新登录"); |
|
||||||
setTimeout(() => { |
|
||||||
store.dispatch('user/logout') |
|
||||||
}, 1000); |
|
||||||
break; |
|
||||||
case 500: |
|
||||||
util.errorMsg("网络错误"); |
|
||||||
break; |
|
||||||
// 403 token过期
|
|
||||||
// 登录过期对用户进行提示
|
|
||||||
// 清除本地token和清空vuex中token对象
|
|
||||||
// 跳转登录页面
|
|
||||||
case 403: |
|
||||||
util.local.remove(Setting.storeKey); |
|
||||||
util.local.remove(Setting.tokenKey); |
|
||||||
util.errorMsg("登录过期，请重新登录"); |
|
||||||
// 清除token
|
|
||||||
// store.commit('loginSuccess', null);
|
|
||||||
// 跳转登录页面，并将要浏览的页面fullPath传过去，登录成功后跳转需要访问的页面
|
|
||||||
setTimeout(() => { |
|
||||||
store.dispatch('user/logout') |
|
||||||
}, 1000); |
|
||||||
break; |
|
||||||
// 404请求不存在
|
|
||||||
case 404: |
|
||||||
util.errorMsg("网络请求不存在!"); |
|
||||||
break; |
|
||||||
case 401001: |
|
||||||
util.errorMsg(error.response.data.msg); |
|
||||||
break; |
|
||||||
// 其他错误，直接抛出错误提示
|
|
||||||
default: |
|
||||||
util.errorMsg(error.response.data.msg); |
|
||||||
Promise.reject(res); |
|
||||||
} |
|
||||||
return Promise.reject(error.response); |
|
||||||
} |
|
||||||
} |
} |
||||||
|
}, |
||||||
|
// 服务器状态码不是200的情况
|
||||||
|
error => { |
||||||
|
if (error.response.status) { |
||||||
|
switch (error.response.status) { |
||||||
|
case 500: |
||||||
|
Util.errorMsg("网络错误"); |
||||||
|
break; |
||||||
|
// 404请求不存在
|
||||||
|
case 404: |
||||||
|
Util.errorMsg("网络请求不存在!"); |
||||||
|
break; |
||||||
|
case 401001: |
||||||
|
Util.errorMsg(error.response.data.msg); |
||||||
|
break; |
||||||
|
// 其他错误，直接抛出错误提示
|
||||||
|
default: |
||||||
|
Util.errorMsg(error.response.data.msg); |
||||||
|
Promise.reject(res); |
||||||
|
} |
||||||
|
return Promise.reject(error.response); |
||||||
|
} |
||||||
|
} |
||||||
); |
); |
||||||
|
|
||||||
function get(url, params) { |
function get(url, params) { |
||||||
return new Promise((resolve, reject) => { |
return new Promise((resolve, reject) => { |
||||||
service.get(url, { params: params }).then(res => { |
service.get(url, { params: params }).then(res => { |
||||||
resolve(res); |
resolve(res); |
||||||
}).catch(err => { |
}).catch(err => { |
||||||
reject(err); |
reject(err); |
||||||
}); |
}); |
||||||
}); |
}); |
||||||
} |
} |
||||||
|
|
||||||
function post(url, params) { |
function post(url, params) { |
||||||
return new Promise((resolve, reject) => { |
return new Promise((resolve, reject) => { |
||||||
service.post(url, params).then(res => { |
service.post(url, params).then(res => { |
||||||
resolve(res); |
resolve(res); |
||||||
}).catch(err => { |
}).catch(err => { |
||||||
reject(err.data); |
reject(err.data); |
||||||
}); |
}); |
||||||
}); |
}); |
||||||
} |
} |
||||||
|
|
||||||
function del(url, params) { |
function del(url, params) { |
||||||
return new Promise((resolve, reject) => { |
return new Promise((resolve, reject) => { |
||||||
service.delete(url, { |
service.delete(url, { |
||||||
data: params |
data: params |
||||||
}).then(res => { |
}).then(res => { |
||||||
resolve(res); |
resolve(res); |
||||||
}).catch(err => { |
}).catch(err => { |
||||||
reject(err.data); |
reject(err.data); |
||||||
}); |
}); |
||||||
}); |
}); |
||||||
} |
} |
||||||
|
|
||||||
function put(url, params) { |
function put(url, params) { |
||||||
return new Promise((resolve, reject) => { |
return new Promise((resolve, reject) => { |
||||||
service.put(url, params).then(res => { |
service.put(url, params).then(res => { |
||||||
resolve(res); |
resolve(res); |
||||||
}).catch(err => { |
}).catch(err => { |
||||||
reject(err.data); |
reject(err.data); |
||||||
}); |
}); |
||||||
}); |
}); |
||||||
} |
} |
||||||
|
|
||||||
export { get, post, del, put }; |
export { get, post, del, put }; |
||||||
Loading…
Reference in new issue