|
|
import Vue from 'vue'
|
|
|
import axios from 'axios'
|
|
|
import router from '@/router'
|
|
|
import qs from 'qs'
|
|
|
import merge from 'lodash/merge'
|
|
|
import { clearLoginInfo } from '@/utils'
|
|
|
|
|
|
const baseUrl = '/wx' // 设置请求的基础路径
|
|
|
|
|
|
// 创建axios实例
|
|
|
const http = axios.create({
|
|
|
timeout: 1000 * 30, // 设置请求超时为30秒
|
|
|
withCredentials: true, // 允许携带跨域请求的cookie
|
|
|
headers: {
|
|
|
'Content-Type': 'application/json; charset=utf-8' // 默认请求头为json格式
|
|
|
}
|
|
|
})
|
|
|
|
|
|
/**
|
|
|
* 请求拦截器
|
|
|
* 在每个请求发送之前，加入token（从cookie中获取）
|
|
|
*/
|
|
|
http.interceptors.request.use(config => {
|
|
|
config.headers['token'] = Vue.cookie.get('token') // 在请求头中加入token
|
|
|
return config // 返回请求配置
|
|
|
}, error => {
|
|
|
return Promise.reject(error) // 请求出错时，返回Promise拒绝
|
|
|
})
|
|
|
|
|
|
/**
|
|
|
* 响应拦截器
|
|
|
* 对响应数据进行拦截处理
|
|
|
* 如果返回的状态码为401（未授权），则清除登录信息并跳转到登录页
|
|
|
*/
|
|
|
http.interceptors.response.use(response => {
|
|
|
if (response.data && response.data.code === 401) { // 判断返回的code是否为401，代表token失效
|
|
|
clearLoginInfo() // 清除登录信息
|
|
|
router.push({ name: 'login' }) // 跳转到登录页面
|
|
|
}
|
|
|
return response // 返回响应数据
|
|
|
}, error => {
|
|
|
return Promise.reject(error) // 响应出错时，返回Promise拒绝
|
|
|
})
|
|
|
|
|
|
/**
|
|
|
* 请求地址处理函数
|
|
|
* @param {*} actionName 接口的名称，拼接成完整的URL
|
|
|
* @returns {string} 拼接后的完整URL
|
|
|
*/
|
|
|
http.adornUrl = (actionName) => {
|
|
|
// 在开发环境下，如果开启了代理，则请求路径会带上代理前缀
|
|
|
return baseUrl + actionName // 返回完整的请求URL
|
|
|
}
|
|
|
|
|
|
/**
|
|
|
* get请求的参数处理
|
|
|
* @param {*} params 请求的参数对象
|
|
|
* @param {*} openDefultParams 是否开启默认参数
|
|
|
* @returns {object} 处理后的参数对象
|
|
|
*/
|
|
|
http.adornParams = (params = {}, openDefultParams = true) => {
|
|
|
const defaults = {
|
|
|
't': new Date().getTime() // 添加时间戳参数，防止缓存
|
|
|
}
|
|
|
return openDefultParams ? merge(defaults, params) : params // 合并默认参数和传入的参数
|
|
|
}
|
|
|
|
|
|
/**
|
|
|
* post请求的数据处理
|
|
|
* @param {*} data 请求的数据对象
|
|
|
* @param {*} openDefultdata 是否开启默认数据
|
|
|
* @param {*} contentType 数据格式类型（'json'或'form'）
|
|
|
* @returns {string} 处理后的数据
|
|
|
*/
|
|
|
http.adornData = (data = {}, openDefultdata = true, contentType = 'json') => {
|
|
|
const defaults = {
|
|
|
't': new Date().getTime() // 添加时间戳参数，防止缓存
|
|
|
}
|
|
|
data = openDefultdata ? merge(defaults, data) : data // 合并默认数据和传入的数据
|
|
|
// 根据不同的contentType，处理数据格式
|
|
|
return contentType === 'json' ? JSON.stringify(data) : qs.stringify(data)
|
|
|
}
|
|
|
|
|
|
export default http // 导出axios实例，供其他模块使用
|
