/** * 参考文档 * https://blog.csdn.net/m0_63281537/article/details/126699761 */ import { useFetch } from '#app'; import type { UseFetchOptions } from '#app'; import {isArray} from '~/utils/tool'; export const useServerRequest = (url: string, opts?: UseFetchOptions) => { // 配置信息 const runtimeConfig = useRuntimeConfig(); // 请求接口 const baseUrl = ref(); // 获取 Cookie const token = useCookie('token'); baseUrl.value = runtimeConfig.public.apiBase; // 开发环境 if(process.env.NODE_ENV === 'development'){ baseUrl.value = 'http://127.0.0.1:9001/api' // baseUrl.value = 'https://modules.gxwebsoft.com/api' } const defaultOptions: UseFetchOptions = { baseURL: baseUrl.value, onRequest({ options }) { options.headers = (options.headers || {}) as { [key: string]: string }; if (token.value) { options.headers.Authorization = token.value; } options.headers.tenantid = runtimeConfig.public.tenantId; options.headers.domain = runtimeConfig.public.domain; }, onResponse({ response }) { if (+response.status === 0 && +response._data.code !== 0) { process.client && ElMessage.error(response._data.message); } if(+response.status === 500){ ElMessage.error('网络请求错误') } return response._data.data; }, onResponseError({ response }) { process.client && ElMessage.error(isArray(response._data.data.message) ? response._data.data.message[0] : response._data.data.message); } }; console.log('请求接口:', baseUrl.value+url) return useFetch(url, { ...defaultOptions, ...opts } as any); };