feat: 兼容多端统一配置BASE_URL环境变量

.env.development

@@ -3,15 +3,8 @@ VITE_PROD = false
 VITE_DEV = true
 
 # BASE_URL
-VITE_BASE_URL = /api
+VITE_BASE_URL = https://api-catch.ranesuangyu.top
-
-# PROXY_BASE_URL
-# 仅H5跨域需使用proxy,其他端请直接设置 VITE_BASE_URL 即可
-VITE_PROXY_BASE_URL = https://api-catch.ranesuangyu.top
 
 # 上传域名
 VITE_UPLOAD_URL = /upload
 
-# 代理上传域名
-VITE_PROXY_UPLOAD_URL = 'YOUR UPLOAD URL'
-

src/env.d.ts

@@ -11,7 +11,6 @@ interface ImportMetaEnv {
   readonly VITE_ENV: string;
   readonly VITE_APP_TITLE: string;
   readonly VITE_BASE_URL: string;
-  readonly VITE_PROXY_BASE_URL: string;
   readonly VITE_UPLOAD_URL: string;
   readonly VITE_PROD: boolean;
   readonly VITE_DEV: boolean;

src/manifest.json

@@ -90,6 +90,17 @@
         "devServer" : {
             "https" : false
         },
-        "title" : "uniapp_vue3_vite_ts"
+        "title" : "uniapp_vue3_vite_ts",
+        "unipush" : {
+            "enable" : false
+        },
+        "sdkConfigs" : {
+            "maps" : {}
+        },
+        "optimization" : {
+            "treeShaking" : {
+                "enable" : true
+            }
+        }
     }
 }

src/state/modules/auth.ts

@@ -45,7 +45,6 @@ export const useAuthStore = defineStore({
      * @description 登出
      */
     async loginOut(): Promise<any> {
-      console.log('~~loginOut请求');
       try {
         const res = await logout();
         removeCache(TOKEN_KEY);

src/utils/env.ts

@@ -1,6 +1,10 @@
 import pkg from '../../package.json';
+import { judgePlatform } from '@/utils/platform';
+import { PLATFORMS } from '@/enums/platformEnum';
 
-// Generate cache key according to version
+/**
+ * @description: Generate cache key according to version
+ */
 export function getPkgVersion() {
   return `${`__${pkg.version}`}__`.toUpperCase();
 }
@@ -51,3 +55,23 @@ export function isDevMode(): boolean {
 export function isProdMode(): boolean {
   return getEnvValue<boolean>('VITE_PROD');
 }
+
+/**
+ * @description: Get environment VITE_BASE_URL value
+ * @returns:
+ * @example:
+ */
+export function getBaseUrl(): string {
+  if (judgePlatform(PLATFORMS.H5) && isDevMode()) return '/api';
+  return getEnvValue<string>('VITE_BASE_URL');
+}
+
+/**
+ * @description: Get environment VITE_UPLOAD_URL value
+ * @returns:
+ * @example:
+ */
+export function getUploadUrl(): string {
+  if (judgePlatform(PLATFORMS.H5) && isDevMode()) return '/upload';
+  return getEnvValue<string>('VITE_UPLOAD_URL');
+}

src/utils/http/index.ts

@@ -1,11 +1,11 @@
 import Request from 'luch-request';
 import { assign } from 'lodash-es';
 import { Toast } from '@/utils/uniapi/prompt';
-import { getEnvValue } from '@/utils/env';
+import { getBaseUrl } from '@/utils/env';
 import { useAuthStore } from '@/state/modules/auth';
 import { ResultEnum } from '@/enums/httpEnum';
 
-const BASE_URL = getEnvValue<string>('VITE_BASE_URL');
+const BASE_URL = getBaseUrl();
 const HEADER = {
   'Content-Type': 'application/json;charset=UTF-8;',
   Accept: 'application/json, text/plain, */*',

vite.config.ts

@@ -31,12 +31,12 @@ export default ({ mode }: ConfigEnv): UserConfig => {
       host: true,
       proxy: {
         '/api': {
-          target: env.VITE_PROXY_BASE_URL,
+          target: env.VITE_BASE_URL,
           changeOrigin: true,
           rewrite: (path) => path.replace(/^\/api/, ''),
         },
         '/upload': {
-          target: env.VITE_PROXY_UPLOAD_URL,
+          target: env.VITE_BASE_URL,
           changeOrigin: true,
           rewrite: (path) => path.replace(/^\/upload/, ''),
         },