build: 部署配置

.env.development

@@ -0,0 +1,20 @@
+# 应用配置面板
+VITE_APP_SETTING = false
+# 页面标题
+VITE_APP_TITLE = AnyCall
+# 接口请求地址，会设置到 axios 的 baseURL 参数上
+VITE_APP_API_BASEURL = https://dev.nexthuman.cn/fara/api
+# cdn根路径
+VITE_APP_CDN_BASEURL = 	https://dev.nexthuman.cn/fara/cdn
+# 基础根路径
+VITE_BASE_PATH = /fara/h5/
+#VITE_PUBLIC_PATH = /admin/
+# 调试工具，可设置 eruda 或 vconsole，如果不需要开启则留空
+VITE_APP_DEBUG_TOOL = false
+# 是否禁用开发者工具，可防止被调试
+VITE_APP_DISABLE_DEVTOOL = false
+
+# 是否开启代理
+VITE_OPEN_PROXY = false
+# 是否开启开发者工具
+VITE_OPEN_DEVTOOLS = false

.env.prod

@@ -0,0 +1,24 @@
+# 应用配置面板
+VITE_APP_SETTING = true
+# 页面标题
+VITE_APP_TITLE = AnyCall
+VITE_BASE_URL = https://dev.nexthuman.cn
+# 接口请求地址，会设置到 axios 的 baseURL 参数上
+VITE_APP_API_BASEURL = 	https://dev.nexthuman.cn/fara/api
+# cdn根路径
+VITE_APP_CDN_BASEURL = 	https://dev.nexthuman.cn/fara/cdn
+# 基础根路径
+VITE_BASE_PATH = /fara/h5/
+# 调试工具，可设置 eruda 或 vconsole，如果不需要开启则留空
+VITE_APP_DEBUG_TOOL =
+# 是否禁用开发者工具，可防止被调试
+VITE_APP_DISABLE_DEVTOOL = false
+
+# 是否在打包时启用 Mock
+VITE_BUILD_MOCK = false
+# 是否在打包时生成 sourcemap
+VITE_BUILD_SOURCEMAP = false
+# 是否在打包时开启压缩，支持 gzip 和 brotli
+VITE_BUILD_COMPRESS = gzip,brotli
+# 是否在打包后生成存档，支持 zip 和 tar
+VITE_BUILD_ARCHIVE =

.env.release

@@ -0,0 +1,25 @@
+# 应用配置面板
+VITE_APP_SETTING = true
+# 页面标题
+VITE_APP_TITLE = AnyCall
+VITE_BASE_URL = https://cueme.ai
+# 接口请求地址，会设置到 axios 的 baseURL 参数上
+VITE_APP_API_BASEURL = https://cueme.ai/fara/api/
+# cdn根路径
+# (api|cdn|admin)
+VITE_APP_CDN_BASEURL = https://cueme.ai/fara/cdn
+# 基础根路径
+VITE_BASE_PATH = /fara/h5/
+# 调试工具，可设置 eruda 或 vconsole，如果不需要开启则留空
+VITE_APP_DEBUG_TOOL =
+# 是否禁用开发者工具，可防止被调试
+VITE_APP_DISABLE_DEVTOOL = false
+
+# 是否在打包时启用 Mock
+VITE_BUILD_MOCK = false
+# 是否在打包时生成 sourcemap
+VITE_BUILD_SOURCEMAP = false
+# 是否在打包时开启压缩，支持 gzip 和 brotli
+VITE_BUILD_COMPRESS = gzip,brotli
+# 是否在打包后生成存档，支持 zip 和 tar
+VITE_BUILD_ARCHIVE =

package.json

@@ -12,8 +12,9 @@
   },
   "homepage": "http://code.wehome.cn:3000/wangxiaodong/anycall-h5",
   "scripts": {
-    "dev": "vite",
-    "build": "vite build",
+    "dev": "vite --mode development",
+    "build": "vite build --mode prod",
+    "release": "vite build --mode release",
     "preview": "vite preview"
   },
   "dependencies": {

src/index.tsx

@@ -2,7 +2,7 @@ import React from 'react';
 import ReactDOM from 'react-dom/client';
 import { BrowserRouter } from 'react-router-dom';
 import App from './App';
-
+const VITE_BASE_PATH = import.meta.env.VITE_BASE_PATH
 const rootElement = document.getElementById('root');
 if (!rootElement) {
   throw new Error("Could not find root element to mount to");
@@ -11,7 +11,7 @@ if (!rootElement) {
 const root = ReactDOM.createRoot(rootElement);
 root.render(
   <React.StrictMode>
-    <BrowserRouter>
+    <BrowserRouter basename={VITE_BASE_PATH}>
       <App />
     </BrowserRouter>
   </React.StrictMode>

vite-env.d.ts

@@ -0,0 +1,2 @@
+// vite-env.d.ts
+/// <reference types="vite/client" />

vite.config.ts

@@ -3,8 +3,9 @@ import { defineConfig, loadEnv } from 'vite';
 import react from '@vitejs/plugin-react';
 
 export default defineConfig(({ mode }) => {
-    const env = loadEnv(mode, '.', '');
+    const env = loadEnv(mode, process.cwd())
     return {
+      base: env.VITE_BASE_PATH,
       server: {
         port: 3000,
         host: '0.0.0.0',