You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
103 lines
2.9 KiB
103 lines
2.9 KiB
/*
|
|
* @Author: 卜启缘
|
|
* @Date: 2021-06-24 23:19:48
|
|
* @LastEditTime: 2021-06-24 23:35:57
|
|
* @LastEditors: 卜启缘
|
|
* @Description: axios简单的封装
|
|
* @FilePath: \vite-vue3-lowcode\src\utils\http\request.ts
|
|
*/
|
|
import axios, { AxiosRequestConfig } from 'axios'
|
|
import qs from 'qs'
|
|
import store from '@/store'
|
|
import { Toast } from 'vant'
|
|
import router from '@/router'
|
|
import { ContentTypeEnum } from './httpEnum'
|
|
|
|
// create an axios instance
|
|
const service = axios.create({
|
|
baseURL: import.meta.env.VITE_API_URL as string, // url = base api url + request url
|
|
withCredentials: true, // send cookies when cross-domain requests
|
|
timeout: 10000 // request timeout
|
|
})
|
|
interface CustomAxiosRequestConfig extends AxiosRequestConfig {
|
|
hideLoading?: boolean
|
|
}
|
|
|
|
interface BaseResponse<T = any> {
|
|
code: number
|
|
data: T
|
|
msg: string
|
|
}
|
|
|
|
// request拦截器 request interceptor
|
|
service.interceptors.request.use(
|
|
(config: CustomAxiosRequestConfig) => {
|
|
// 不传递默认开启loading
|
|
if (!config.hideLoading) {
|
|
// loading
|
|
Toast.loading({
|
|
forbidClick: true
|
|
})
|
|
}
|
|
console.log(store.getters, "store.getters['user']")
|
|
if (store.getters['user/token']) {
|
|
config.headers['X-Token'] = store.getters['user/token']
|
|
}
|
|
const contentType = config.headers['content-type'] || config.headers['Content-Type']
|
|
const data = config.data
|
|
if (config.method?.toLocaleUpperCase() == 'POST' && data) {
|
|
if (ContentTypeEnum.FORM_DATA == contentType) {
|
|
const fd = new FormData()
|
|
Object.keys(data).forEach((key) => fd.append(key, data[key]))
|
|
config.data = fd
|
|
} else if (ContentTypeEnum.FORM_URLENCODED == contentType) {
|
|
config.data = qs.stringify(config.data)
|
|
}
|
|
}
|
|
return config
|
|
},
|
|
(error) => {
|
|
// do something with request error
|
|
console.log(error) // for debug
|
|
return Promise.reject(error)
|
|
}
|
|
)
|
|
// respone拦截器
|
|
service.interceptors.response.use(
|
|
(response) => {
|
|
Toast.clear()
|
|
const res = response.data
|
|
if (res.code && res.code !== 0) {
|
|
// 登录超时,重新登录
|
|
if (res.code === 401) {
|
|
// store.dispatch('FedLogOut').then(() => {
|
|
// location.reload()
|
|
// })
|
|
router.replace('/error')
|
|
} else {
|
|
Toast(res.msg || '服务器访问出错了~')
|
|
}
|
|
return Promise.reject(res || 'error')
|
|
} else {
|
|
return Promise.resolve(response)
|
|
}
|
|
},
|
|
(error: Error) => {
|
|
if (error.message?.includes('timeout')) {
|
|
Toast('请求超时!')
|
|
}
|
|
console.log('err' + error) // for debug
|
|
return Promise.reject(error)
|
|
}
|
|
)
|
|
|
|
const request = <T = any>(config: CustomAxiosRequestConfig): Promise<BaseResponse<T>> => {
|
|
return new Promise((resolve, reject) => {
|
|
service
|
|
.request<BaseResponse<T>>(config)
|
|
.then((res) => resolve(res.data))
|
|
.catch((err) => reject(err))
|
|
})
|
|
}
|
|
|
|
export default request
|
|
|