@@ -1,191 +1,203 @@
import axios from 'axios'
// import qs from 'qs'
// import message from '@/components/public/message/src'
import router from '@/router/index'
import { useGlobalStore , useUserInfoStor e} from '@/stores '
import { getCookie , clonAllCooki e} from '@/utils/cookie '
// import cookie from '@/tools/cookie.js'
// 扩展 AxiosRequestConfig 接口
declare module 'axios' {
interface AxiosRequestConfig {
loading? : boolean
loadingDom? : any
repeatRequest? : boolean
meta ? : {
responseAll? : boolean
}
}
}
// 创建axios实例
// console.log(import.meta.env,123)
const service = axios . create ( {
// baseURL: import.meta.env.VITE_APP_URL, // api的base_url
timeout : 60000 // 请求超时时间
} )
if ( import . meta . env . MODE != 'development' ) {
service . defaults . baseURL = import . meta . env . VITE_APP_URL
}
axios . defaults . timeout = 60000 //响应时间
// axios.defaults.headers.post['Content-Type'] = 'application/x-www-form-urlencoded;charset=UTF-8'; //配置请求头
axios . defaults . headers . post [ 'Content-Type' ] = 'application/json'
axios . defaults . headers . post [ 'lang' ] = 'en' //配置语言请求头
axios . defaults . withCredentials = true //跨域携带cookie
import { message } from 'ant-design-vue'
// request拦截器
service . interceptors . request . use (
( config : any ) = > {
removePending ( config )
// 如果repeatRequest不配置，
! config . repeatRequest && addPending ( config )
// 打开loading
if ( config . loading ) {
LoadingInstance . _count ++
if ( LoadingInstance . _count === 1 ) {
openLoading ( config . loadingDom )
}
}
// 如果登录了， ，
// Do something before request is sent
const token = useUserInfoStore ( ) . state . token
if ( token ) {
config . headers . Authorization = token // 让每个请求携带token--['X-Token']为自定义key 请根据实际情况自行修改
// config.headers['X-Token'] = getLocal('token') // 让每个请求携带token--['X-Token']为自定义key 请根据实际情况自行修改
let httpIp = import . meta . env . VITE_USER_NODE_ENV == 'development' ? '' : ''
// let httpIp = import.meta.env.VITE_USER_NODE_ENV == 'development' ? "https://192.168.1.8:10086" : "";
axios . defaults . baseURL = httpIp //配置接口地址
// console.log(axios.defaults.baseURL);
axios . defaults . baseURL = import . meta . env . VITE_APP_BASE_URL //配置接口地址
console . log ( import . meta . env . VITE_APP_BASE_URL )
// 创建取消令牌
const CancelToken = axios . CancelToken
const source = CancelToken . source ( )
// console.log(import.meta.env.VITE_APP_BASE_URL);
let isLoginTime = false
//POST传参序列化(添加请求拦截器)
axios . interceptors . request . use (
( config ) = > {
//在发送请求之前做某件事
if ( config . method === 'post' || config . method === 'put' || config . method === 'delete' ) {
// config.data = qs.stringify(config.data);
}
config . headers . Authorization = getCookie ( 'token' )
return config
} ,
( error ) = > {
// Do something with request error
console . log ( error ) // for debug
Promise . reject ( error )
}
)
// respone拦截器
service . interceptors . response . use (
// response => response,
/**
* 下面的注释为通过response自定义code来标示请求状态， ，
* 如通过xmlhttprequest 状态码标识 逻辑可写在下面error中
*/
( response : any ) = > {
// 如果是llm/streamChat这样的流式接口,不走这样的处理
if ( response . config . url . includes ( 'llm/streamChat' ) ) {
return response
}
// 已完成请求的删除请求中数组
removePending ( response . config )
// 关闭loading
if ( response . config . loading ) {
closeLoading ( )
}
const res = response . data
// 处理异常的情况
// console.log(res)
if ( res . code != 0 ) {
// showToast({
// message: res.errMsg || res.message,
// // type: 'fail',
// duration: 5000,
// position: 'top',
// icon: 'none'
// })
return Promise . reject ( new Error ( res . errMsg || res . message || 'error' ) )
} else {
// 默认只返回data，
// 通过 meta 中的 responseAll 配置来取决后台是否返回所有数据(包括状态码，
const isbackAll = response . config . meta && response . config . meta . responseAll
if ( isbackAll ) {
return res
} else {
return res . data
}
}
} ,
( error ) = > {
if ( error ? . response ) {
if ( error . config ? . loading ) closeLoading ( ) // 关闭loading
if ( error ? . response ? . status === 401 ) { //如果是记录浏览器页面就不跳转login
// showConfirmDialog({
// title: '确定登出',
// message: '你已被登出，可以取消继续留在该页面，或者重新登录',
// confirmButtonText: '重新登录',
// cancelButtonText: '取消'
// }).then(() => {
// store.loginOut().then(() => {
// location.reload() // 为了重新实例化vue-router对象 避免bug
// })
// })
// showToast({
// message: 'Please log in and try again.',
// duration: 5000
// })
// router.push('/login')
// useGenerateStore().clearGenerateData()
return Promise . reject ( false )
}
error . config && removePending ( error . config )
console . log ( 'err' + error ) // for debug
// showToast({
// message: error.message,
// type: 'fail',
// duration: 5000
// })
}
return Promise . reject ( error )
}
)
// --------------------------------取消接口重复请求的函数-----------------------------------
// axios.js
const pendingMap = new Map ( )
/**
* 生成每个请求唯一的键
* @param {*} config
* @returns string
*/
function getPendingKey ( config : any ) {
const { url , method , params } = config
let { data } = config
if ( typeof data === 'string' ) data = JSON . parse ( data ) // response里面返回的config.data是个字符串对象
return [ url , method , JSON . stringify ( params ) , JSON . stringify ( data ) ] . join ( '&' )
const binaryToUrl = ( binary , type = 'application/json' , res ) = > {
let blob = new Blob ( [ binary ] , { 'content-type' : type } )
let url = URL . createObjectURL ( blob )
return url
}
//返回状态判断(添加响应拦截器)
axios . interceptors . response . use (
( res ) = > {
// 允许透传完整响应：请求时传 config.fullData = true
/**
* 储存每个请求唯一值, 也就是cancel()方法, 用于取消请求
* @param {*} config
*/
function addPending ( config : an y ) {
const pendingKey = getPendingKey ( config )
config . cancelToken =
config . cancelToken ||
new axios . CancelToken ( ( cancel ) = > {
if ( ! pendingMap . has ( pendingKey ) ) {
pendingMap . set ( pendingKey , cancel )
// if(res.data.data == null){
// message.warning(res.data.errMsg)
// return Promise.reject(res.data);
// }else
if ( res ? . config ? . env ? . binar y) {
let url = binaryToUrl ( res . data , res . config . env . binaryType , res )
return Promise . resolve ( { url , data : res.data } )
}
if ( res ? . data ) {
if ( res ? . data ? . errCode === 0 ) {
// message.error(res?.data?.errMsg)
if ( res ? . config ? . fullData ) {
return Promise . resolve ( res . data )
}
return Promise . resolve ( res ? . data ? . data )
} else if ( res ? . data ? . errCode === 1 ) {
message . warning ( res ? . data ? . errMsg )
return Promise . reject ( res ? . data )
} else if ( res ? . data ? . errCode === 2 ) {
return Promise . reject ( res ? . data )
} else if ( res ? . data ? . errCode === - 1 ) {
message . error ( res ? . data ? . errMsg )
return Promise . reject ( res ? . data )
}
} else {
if ( res ? . data ? . errCode === 0 ) {
message . warning ( res ? . data ? . errMsg )
return Promise . reject ( res ? . data )
} else if ( res ? . data ? . errCode === 1 ) {
message . warning ( res ? . data ? . errMsg )
return Promise . reject ( res ? . data )
} else if ( res ? . data ? . errCode === 2 ) {
return Promise . reject ( res ? . data )
} else if ( res ? . data ? . errCode === - 1 ) {
message . error ( res ? . data ? . errMsg )
return Promise . reject ( res ? . data )
}
}
} ,
function ( error ) {
if ( error ? . response ? . status === 401 && router . currentRoute . _value . name != 'setIdentification' ) {
//如果是记录浏览器页面就不跳转login
clonAllCookie ( )
if ( ! isLoginTime ) {
isLoginTime = true
let isSystemUserRouteList = [ '/Square' ] //如果是这两个页面就无需跳转未登录页
let sSystemUser = false
for ( let index = 0 ; index < isSystemUserRouteList . length ; index ++ ) {
if ( router . currentRoute . value . path . indexOf ( isSystemUserRouteList [ index ] ) > - 1 ) {
sSystemUser = true
break
}
}
if ( ! sSystemUser ) {
router . replace ( '/' )
}
message . warning ( 'Please login and try again~' )
setTimeout ( ( ) = > [ ( isLoginTime = false ) ] , 2000 )
}
// source.cancel('取消后续接口调用');
return Promise . reject ( )
}
let data_new = error ? . response ? . data
// message.error(data_new?.errMsg || 'Error: server exception')
return Promise . reject ( data_new )
}
)
export const Https = {
httpUrls : {
// award页面
checkEmail : '/api/global-award/checkEmail' , // 检查邮箱是否存在
checkOTP : '/api/global-award/checkCode' , // 检查验证码是否正确
initPdfUpload : '/api/global-award/uploads/pdf/init' , // 初始化pdf上传
initVideoUpload : '/api/global-award/uploads/video/init' , // 初始化video上传
uploadPDF : '/api/global-award/uploads/pdf/chunk' , // 上传pdf
uploadVideo : '/api/global-award/uploads/video/chunk' , // 上传video
uploadPDFComplete : '/api/global-award/uploads/pdf/complete' , // 上传pdf完成
uploadVideoComplete : '/api/global-award/uploads/video/complete' , // 上传video完成
submitForm : '/api/global-award/contestants/save' , // 提交表单
getContestantByID : '/api/global-award/contestants/' // 获取表单
} ,
axiosGet ( url , config ) {
return new Promise ( ( resolve , reject ) = > {
if ( isLoginTime && url != '/api/portfolio/page' ) {
resolve ( '' )
return
}
axios
. get ( url , config )
. then ( ( response ) = > {
resolve ( response )
} )
. catch ( ( error ) = > {
reject ( error )
} )
} )
} ,
axiosPut ( url , data ) {
return new Promise ( ( resolve , reject ) = > {
if ( isLoginTime && url != '/api/portfolio/page' ) {
resolve ( '' )
return
}
axios
. put ( url , data )
. then ( ( response ) = > {
resolve ( response )
} )
. catch ( ( error ) = > {
reject ( error )
} )
} )
} ,
axiosPost ( url , data , config ) {
return new Promise ( ( resolve , reject ) = > {
if ( isLoginTime && url != '/api/portfolio/page' ) {
resolve ( '' )
return
}
axios
. post ( url , data , config )
. then ( ( response ) = > {
resolve ( response )
} )
. catch ( ( error ) = > {
reject ( error )
} )
} )
} ,
axiosDelete ( url , newData ) {
return new Promise ( ( resolve , reject ) = > {
if ( isLoginTime && url != '/api/portfolio/page' ) {
resolve ( '' )
return
}
axios
. delete ( url , { data : newData } )
. then ( ( response ) = > {
resolve ( response )
} )
. catch ( ( error ) = > {
reject ( error )
} )
} )
}
/**
* 删除重复的请求
* @param {*} config
*/
function removePending ( config : any ) {
const pendingKey = getPendingKey ( config )
if ( pendingMap . has ( pendingKey ) ) {
const cancelToken = pendingMap . get ( pendingKey )
cancelToken ( pendingKey )
pendingMap . delete ( pendingKey )
}
}
// ----------------------------------loading的函数-------------------------------
const LoadingInstance : { _count : number } = {
_count : 0
}
function openLoading ( loadingDom : any ) {
useGlobalStore ( ) . setLoading ( true )
}
function closeLoading() {
if ( LoadingInstance . _count > 0 ) LoadingInstance . _count --
if ( LoadingInstance . _count === 0 ) {
useGlobalStore ( ) . setLoading ( false )
}
}
export default service
