import axios from 'axios'
import Store from '../store'
import {
Message, MessageBox } from 'element-ui'
import GLOBAL from '../api/global'
import qs from 'qs'
axios.defaults.baseURL = GLOBAL.baseUrl
axios.defaults.timeout = 100000
// 请求拦截
axios.interceptors.request.use(
config => {
if (Store.state.wk_token) {
config.headers.Authorization = Store.state.wk_token
}
// if (config.method === 'post') {
// config.data = {
// ...config.data,
// _t: Date.parse(new Date()) / 1000
// }
// } else
if (config.method === 'get') {
config.params = {
_t: Date.parse(new Date()) / 1000,
...config.params
}
}
return config
},
error => {
return Promise.reject(error)
})
// 响应拦截
axios.interceptors.response.use(
response => {
return response
},
error => {
if (error.response) {
return Promise.reject(error.response)
}
})
/**
* get方法,对应get请求
* @param {String} url [请求的url地址]
* @param {Object} params [请求时携带的参数]
*/
function get (url, params) {
return new Promise((resolve, reject) => {
axios.get(url, {
params: params }).then(res => {
if (res.status === 200 && res.data.code === 1) {
resolve(res.data)
} else if (res.data.code === 400) {
MessageBox('登录超时!请重新登录', '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning',
beforeClose: function () {
window.location.href = '/login'
}
}).then(() => {
window.location.href = '/login'
}).catch(() => {
window.location.href = '/login'
})
resolve(false)
} else if (res.data.code === 401) {
MessageBox('您账号已在其他设备登入!', '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning',
beforeClose: function () {
window.location.href = '/login'
}
}).then(() => {
window.location.href = '/login'
}).catch(() => {
window.location.href = '/login'
})
resolve(false)
} else {
Message({
message: res.data.msg || res.msg,
type: 'error'
})
}
})
})
}
/**
* post方法,对应post请求
* @param {String} url [请求的url地址]
* @param {Object} params [请求时携带的参数]
*/
function post (url, params) {
return new Promise((resolve, reject) => {
axios.post(url, qs.stringify(params))
.then(res => {
if (res.status === 200 && res.data.code === 1) {
if (res.data.msg) {
Message({
message: res.data.msg,
type: 'success'
})
}
resolve(res.data)
} else if (res.data.code === 400) {
MessageBox('登录超时!请重新登录', '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning',
beforeClose: function () {
window.location.href = '/login'
}
}).then(() => {
window.location.href = '/login'
}).catch(() => {
window.location.href = '/login'
})
resolve(false)
} else if (res.data.code === 401) {
MessageBox('您账号已在其他设备登入!', '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning',
beforeClose: function () {
window.location.href = '/login'
}
}).then(() => {
window.location.href = '/login'
}).catch(() => {
window.location.href = '/login'
})
resolve(false)
} else {
Message({
message: res.data.msg || res.msg,
type: 'error'
})
}
})
})
}
/**
* download方法,对应post请求
* @param {String} id [请求的文件id]
* @param {Object} name [下载的文件名]
*/
function download (id, name) {
return new Promise((resolve, reject) => {
axios.post('adminUpload/download', qs.stringify({
file_id: id }), {
responseType: 'blob' }).then(res => {
if (res.status === 200) {
let blob = new Blob([res.data], {
type: res.headers['content-type'] })
let href = window.URL.createObjectURL(blob)
if (window.navigator.msSaveBlob) {
try {
window.navigator.msSaveBlob(blob, name)
} catch (e) {
Message({
message: '文件下载错误!',
type: 'error'
})
}
} else {
let downloadElement = document.createElement('a')
downloadElement.href = href
downloadElement.download = name
document.body.appendChild(downloadElement)
downloadElement.click()
document.body.removeChild(downloadElement)
window.URL.revokeObjectURL(href)
}
}
}).catch(() => {
Message({
message: '文件下载错误!',
type: 'error'
})
})
})
}
/**
* post方法,登录
* @param {String} url [请求的url地址]
* @param {Object} params [请求时携带的参数]
*/
function login (params) {
return new Promise((resolve, reject) => {
axios.post('Login/login', params)
.then(res => {
resolve(res.data)
})
})
}
/**
* post方法,退出登录
* @param {String} url [请求的url地址]
* @param {Object} params [请求时携带的参数]
*/
function loginOut (params) {
return new Promise((resolve, reject) => {
axios.post('login/logout')
.then(res => {
resolve(res.data)
})
})
}
export default {
get,
post,
download,
login,
loginOut
}
vue2.x封装axiosAPI接口
猜你喜欢
转载自blog.csdn.net/weixin_41535944/article/details/120013942
今日推荐
周排行