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 util from "@/libs/util"; |
||||
import router from "@/router/index"; |
||||
import Util from "@/libs/util"; |
||||
import Setting from "@/setting"; |
||||
import store from '@/store' |
||||
|
||||
const service = axios.create({ |
||||
baseURL: Setting.apiBaseURL, |
||||
timeout: 10000000 |
||||
baseURL: Setting.apiBaseURL, |
||||
timeout: 10000000 |
||||
}); |
||||
// post请求头
|
||||
service.defaults.headers.post["Content-Type"] = "application/json;charset=UTF-8"; |
||||
// service.defaults.withCredentials = true
|
||||
|
||||
// 请求拦截器
|
||||
service.interceptors.request.use(config => { |
||||
let token = util.local.get(Setting.tokenKey); |
||||
if (token) config.headers.token = token |
||||
return config; |
||||
let token = Util.local.get(Setting.tokenKey); |
||||
if (token) config.headers.token = token |
||||
return config; |
||||
}, err => { |
||||
util.errorMsg({ |
||||
message: "退出登陆", |
||||
onClose: function() { |
||||
store.dispatch('user/logout') |
||||
} |
||||
}); |
||||
return Promise.reject(err); |
||||
Util.errorMsg({ |
||||
message: "退出登陆", |
||||
onClose: function() { |
||||
store.dispatch('user/logout') |
||||
} |
||||
}); |
||||
return Promise.reject(err); |
||||
}); |
||||
|
||||
// 响应拦截器
|
||||
service.interceptors.response.use( |
||||
response => { |
||||
const res = response.data; |
||||
if (res.code == 200) { |
||||
return Promise.resolve(res).catch(e => {}); |
||||
} else { |
||||
util.errorMsg(res.msg); |
||||
return Promise.reject(res) |
||||
// return Promise.resolve(res).catch(e => {});
|
||||
} |
||||
}, |
||||
// 服务器状态码不是200的情况
|
||||
error => { |
||||
if (error.response.status) { |
||||
switch (error.response.status) { |
||||
// 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); |
||||
} |
||||
response => { |
||||
const res = response.data |
||||
const { code } = res |
||||
if (code == 200) { |
||||
return Promise.resolve(res).catch(e => {}); |
||||
} else if (code === 401) { |
||||
Util.errorMsg(res.msg) |
||||
setTimeout(() => { |
||||
store.dispatch('user/logout') |
||||
}, 1000) |
||||
return Promise.reject(res) |
||||
} else { |
||||
Util.errorMsg(res.msg); |
||||
return Promise.reject(res) |
||||
} |
||||
}, |
||||
// 服务器状态码不是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) { |
||||
return new Promise((resolve, reject) => { |
||||
service.get(url, { params: params }).then(res => { |
||||
resolve(res); |
||||
}).catch(err => { |
||||
reject(err); |
||||
}); |
||||
}); |
||||
return new Promise((resolve, reject) => { |
||||
service.get(url, { params: params }).then(res => { |
||||
resolve(res); |
||||
}).catch(err => { |
||||
reject(err); |
||||
}); |
||||
}); |
||||
} |
||||
|
||||
function post(url, params) { |
||||
return new Promise((resolve, reject) => { |
||||
service.post(url, params).then(res => { |
||||
resolve(res); |
||||
}).catch(err => { |
||||
reject(err.data); |
||||
}); |
||||
}); |
||||
return new Promise((resolve, reject) => { |
||||
service.post(url, params).then(res => { |
||||
resolve(res); |
||||
}).catch(err => { |
||||
reject(err.data); |
||||
}); |
||||
}); |
||||
} |
||||
|
||||
function del(url, params) { |
||||
return new Promise((resolve, reject) => { |
||||
service.delete(url, { |
||||
data: params |
||||
}).then(res => { |
||||
resolve(res); |
||||
}).catch(err => { |
||||
reject(err.data); |
||||
}); |
||||
}); |
||||
return new Promise((resolve, reject) => { |
||||
service.delete(url, { |
||||
data: params |
||||
}).then(res => { |
||||
resolve(res); |
||||
}).catch(err => { |
||||
reject(err.data); |
||||
}); |
||||
}); |
||||
} |
||||
|
||||
function put(url, params) { |
||||
return new Promise((resolve, reject) => { |
||||
service.put(url, params).then(res => { |
||||
resolve(res); |
||||
}).catch(err => { |
||||
reject(err.data); |
||||
}); |
||||
}); |
||||
return new Promise((resolve, reject) => { |
||||
service.put(url, params).then(res => { |
||||
resolve(res); |
||||
}).catch(err => { |
||||
reject(err.data); |
||||
}); |
||||
}); |
||||
} |
||||
|
||||
export { get, post, del, put }; |
||||
Loading…
Reference in new issue