'use strict'
import axios from 'axios'
import qs from 'qs'
import {
Message
} from 'element-ui';
axios.interceptors.request.use(config => {
// loading
return config
}, error => {
return Promise.reject(error)
})
axios.interceptors.response.use(response => {
return response
}, error => {
return Promise.resolve(error.response)
})
function checkStatus(response) {
// 如果http状态码正常,则直接返回数据
if (response && (response.status === 200 || response.status === 304 || response.status === 400)) {
return response
// 如果不需要除了data之外的数据,可以直接 return response.data
}
// 异常状态下,把错误信息返回去
return {
status: -404,
msg: response.data.message
}
}
function checkCode(res) {
// 如果code异常(这里已经包括网络错误,服务器错误,后端抛出的错误),可以弹出一个错误提示,告诉用户
if (res.status === -404) {
Message({
message: res.msg,
type: 'error',
duration: 3 * 1000
})
}
// code 200正常返回数据 404暂无数据
if (res.data && (res.data.code != 200) && (res.data.code != 404)) {
Message({
message: res.data.message,
type: 'error',
duration: 3 * 1000
})
}
// 401未登录
if (res.data.code == 401) {
Message({
message: res.data.message,
type: 'error',
duration: 3 * 1000
})
}
return res
}
export default {
post(url, data) {
return axios({
method: 'post',
// baseURL: 'https://webmaster.q-huan.link/home/index',
url,
data: qs.stringify(data),
timeout: 5000,
headers: {
'X-Requested-With': 'XMLHttpRequest',
'Content-Type': 'application/x-www-form-urlencoded; charset=UTF-8'
}
}).then(
(response) => {
return checkStatus(response)
}
).then(
(res) => {
return checkCode(res)
}
)
},
get(url, params) {
return axios({
method: 'get',
// baseURL: 'https://webmaster.q-huan.link/home/index',
url,
params, // get 请求时带的参数
timeout: 5000,
headers: {
'X-Requested-With': 'XMLHttpRequest'
}
}).then(
(response) => {
return checkStatus(response)
}
).then(
(res) => {
return checkCode(res)
}
)
}
}
http
.get(api.login, {
code: that.user_text,
pwd: that.psd_text
})
.then(res => {
let respon = res.data;
if (respon.code == 200) {
// 获取数据成功
}
} else {
that.$message.error(respon.msg);
}
});