feat-配置运行环境/代理

.env

@@ -0,0 +1,2 @@
+# title
+VITE_APP_TITLE = uni-app Vue3 TypeScript

.env.development

@@ -0,0 +1,8 @@
+# 运行环境
+VITE_ENV=development
+
+# api域名
+VITE_API_URL = 'YOUR API URL'
+
+# 上传域名
+VITE_UPLOAD_URL = 'YOUR UPLOAD URL'

.env.production

@@ -0,0 +1,8 @@
+# 运行环境
+VITE_ENV=production
+
+# api域名
+VITE_API_URL = 'YOUR API URL'
+
+# 上传域名
+VITE_UPLOAD_URL = 'YOUR UPLOAD URL'

src/env.d.ts

@@ -6,3 +6,14 @@ declare module '*.vue' {
   const component: DefineComponent<{}, {}, any>;
   export default component;
 }
+
+interface ImportMetaEnv {
+  readonly VITE_ENV: string;
+  readonly VITE_APP_TITLE: string;
+  readonly VITE_API_URL: string;
+  readonly VITE_UPLOAD_URL: string;
+}
+
+interface ImportMeta {
+  readonly env: ImportMetaEnv;
+}

vite.config.ts

@@ -8,6 +8,26 @@ import { resolve } from 'path';
 // https://vitejs.dev/config/
 export default defineConfig({
   base: './',
+  resolve: {
+    alias: {
+      '@': resolve('./src'),
+    },
+  },
+  server: {
+    host: true,
+    proxy: {
+      '/api': {
+        target: 'http://127.0.0.0:8000',
+        changeOrigin: true,
+        rewrite: (path) => path.replace(/^\/api/, ''),
+      },
+      '/upload': {
+        target: 'http://127.0.0.0:8000/upload',
+        changeOrigin: true,
+        rewrite: (path) => path.replace(/^\/upload/, ''),
+      },
+    },
+  },
   plugins: [
     uni(),
     windicss(),
@@ -30,9 +50,4 @@ export default defineConfig({
       },
     },
   },
-  resolve: {
-    alias: {
-      '@': resolve('./src'),
-    },
-  },
 });