修改打包后到base_url

README.md

@@ -146,8 +146,8 @@ celery -A backend flower --port=5555 --basic_auth=admin:admin123
 
 1. 复制开发环境变量模板（如有）：
    ```bash
-   cp docker/.env.example docker/.env.dev
+   cp docker/.env.example docker/.env.local
-   # 根据实际情况修改 docker/.env.dev
+   # 根据实际情况修改 docker/.env.local
    ```
 2. 构建并启动所有开发服务：
    ```bash
@@ -158,7 +158,7 @@ celery -A backend flower --port=5555 --basic_auth=admin:admin123
    docker compose -f docker-compose.dev.yml down
    ```
 
-> 如需自定义端口、数据库、Redis 密码等，请修改 `docker/.env.dev` 文件。
+> 如需自定义端口、数据库、Redis 密码等，请修改 `docker/.env.local` 文件。
 
 ## 生产环境一键启动
 
@@ -166,8 +166,8 @@ celery -A backend flower --port=5555 --basic_auth=admin:admin123
 
 1. 复制环境变量模板：
    ```bash
-   cp docker/.env.example docker/.env.prod
+   cp docker/.env.example docker/.env.local
-   # 根据实际情况修改 docker/.env.prod
+   # 根据实际情况修改 docker/.env.local
    ```
 2. 构建并启动所有服务：
    ```bash
@@ -178,7 +178,7 @@ celery -A backend flower --port=5555 --basic_auth=admin:admin123
    docker compose -f docker-compose.prod.yml down
    ```
 
-如需自定义端口、数据库、Redis 密码等，请修改 docker/.env.prod 文件。
+如需自定义端口、数据库、Redis 密码等，请修改 docker/.env.local 文件。
 
 ## 阿里云 OSS 配置
 

docker/.env.dev

@@ -1,4 +1,16 @@
+# web
 VITE_BACKEND_URL=http://backend:8000
+# oss
+VITE_OSS_ENABLED=false
+VITE_OSS_REGION=oss-cn-hangzhou
+VITE_OSS_ACCESS_KEY_ID=your_access_key_id
+VITE_OSS_ACCESS_KEY_SECRET=your_access_key_secret
+VITE_OSS_BUCKET=your_bucket_name
+VITE_OSS_PREFIX=frontend/
+VITE_OSS_DELETE_LOCAL=false
+VITE_BASE_URL_PROD=your_base_url_prod
+
+
 # MySQL
 MYSQL_DATABASE=django_vue
 MYSQL_USER=chenze
@@ -6,6 +18,7 @@ MYSQL_PASSWORD=ca25045c409e60fab517c7327dd527ef27c48ca6
 MYSQL_PORT=3306
 MYSQL_ROOT_PASSWORD=58ce16c2ee80311e130b30f11160ef77e0ac6aa7
 
+
 # Django
 DEBUG=True
 DEMO_MODE=False

docker/.env.example

@@ -8,6 +8,7 @@ VITE_OSS_ACCESS_KEY_SECRET=your_access_key_secret
 VITE_OSS_BUCKET=your_bucket_name
 VITE_OSS_PREFIX=frontend/
 VITE_OSS_DELETE_LOCAL=false
+VITE_BASE_URL_PROD=your_base_url_prod
 
 # MySQL
 MYSQL_DATABASE=django_vue

web/apps/web-antd/vite.config.mts

@@ -11,10 +11,15 @@ export default defineConfig(async ({ mode }) => {
   const env = loadEnv(mode, process.cwd());
   // 这样获取
   const backendUrl = env.VITE_BACKEND_URL;
-  console.log(backendUrl);
+
+  // 判断是否为构建模式
+  const isBuild = mode === 'production';
+  const isOssEnabled = env.VITE_OSS_ENABLED === 'true';
+
   return {
     application: {},
     vite: {
+      base: isBuild && isOssEnabled ? env.VITE_BASE_URL_PROD : '',
       server: {
         host: '0.0.0.0', // 保证 docker 内外都能访问
         port: 5678,