feat(http): baseUrl 对接 VITE_SERVER_BASEURL

env/.env.development

@@ -1,6 +1,6 @@
 # 变量必须以 VITE_ 为前缀才能暴露给外部读取
 NODE_ENV = 'development'
-VITE_API_SERVER = 'http://localhost:4000'
+VITE_SERVER_BASEURL = 'http://localhost:4000'
 
 # 是否去除console 和 debugger
 VITE_DELETE_CONSOLE = false

env/.env.production

@@ -1,6 +1,6 @@
 # 变量必须以 VITE_ 为前缀才能暴露给外部读取
 NODE_ENV = 'development'
-VITE_API_SERVER = 'https://xxx.com'
+VITE_SERVER_BASEURL = 'https://xxx.com'
 
 # 是否去除console 和 debugger
 VITE_DELETE_CONSOLE = true

env/.env.test

@@ -1,6 +1,6 @@
 # 变量必须以 VITE_ 为前缀才能暴露给外部读取
 NODE_ENV = 'development'
-VITE_API_SERVER = 'https://xxx.com'
+VITE_SERVER_BASEURL = 'https://xxx.com'
 
 # 是否去除console 和 debugger
 VITE_DELETE_CONSOLE = false

src/env.d.ts

@@ -11,6 +11,8 @@ declare module '*.vue' {
 interface ImportMetaEnv {
   readonly VITE_APP_TITLE: string
   readonly VITE_SERVER_PORT: string
+  readonly VITE_SERVER_BASEURL: string
+  readonly VITE_DELETE_CONSOLE: string
   // 更多环境变量...
 }
 

src/utils/http.ts

@@ -10,7 +10,7 @@ type Data<T> = {
 }
 
 // 请求基地址
-const baseURL = 'http://localhost:5565/api'
+const baseURL = import.meta.env.VITE_SERVER_BASEURL
 
 // 拦截器配置
 const httpInterceptor = {

tsconfig.json

@@ -1,5 +1,6 @@
 {
   "compilerOptions": {
+    "module": "ESNext",
     "sourceMap": true,
     "baseUrl": ".",
     "paths": {