vben 配置文件设置

• .env文件配置

#自定义配置文件
VITE_GLOB_DOMAIN_URL=http://xxxx:8888/yun

• types/config.d.ts

export interface GlobConfig {
  //域名
  domainUrl: string;
}
export interface GlobEnvConfig {
  //域名
  VITE_GLOB_DOMAIN_URL?: string;
}

• utils/env.ts

const {
   
    VITE_GLOB_DOMAIN_URL,
    VITE_GLOB_ONLINE_VIEW_URL,
  } = ENV;

• hooks/settings/index

export const useGlobSetting = (): Readonly<GlobConfig> => {
  const {
    VITE_GLOB_APP_TITLE,
    VITE_GLOB_API_URL,
    VITE_GLOB_API_URL_PREFIX,
    VITE_GLOB_UPLOAD_URL,
    VITE_GLOB_DOMAIN_URL,
  } = getAppEnvConfig();

  // Take global configuration
  const glob: Readonly<GlobConfig> = {
    title: VITE_GLOB_APP_TITLE,
    apiUrl: VITE_GLOB_API_URL,
    shortName: VITE_GLOB_APP_TITLE.replace(/\s/g, '_').replace(/-/g, '_'),
    urlPrefix: VITE_GLOB_API_URL_PREFIX,
    uploadUrl: VITE_GLOB_UPLOAD_URL,
    domainUrl: VITE_GLOB_DOMAIN_URL,
  };
  return glob as Readonly<GlobConfig>;
};

使用

const globSetting = useGlobSetting();
const baseApiUrl = globSetting.domainUrl;