签入版本

2026-10-10 12:20:37 +08:00
parent f54d7735b0
commit 49b04a1ec4
108 changed files with 1459 additions and 1982 deletions
@@ -32,13 +32,13 @@ npm install

 ```bash
 # 服务端口
-VITE_PORT = 8001
+VITE_PORT = 8002

 # 公共基础路径
 VITE_PUBLIC_PATH = /

 # 代理配置（JSON 数组格式：[["前缀","目标地址"]]）
-VITE_PROXY = [["/api","http://admin.thinkphp6.elevue/api"]]
+VITE_PROXY = [["/api","http://admin.thinkphp6.antdvue/api"]]

 # API 接口基础路径（留空，由代理处理）
 VITE_GLOB_API_URL =
@@ -50,7 +50,7 @@ VITE_GLOB_API_URL_PREFIX = /api
 VITE_GLOB_UPLOAD_URL = /api/upload

 # 图片访问地址
-VITE_GLOB_IMG_URL = http://file.thinkphp6.elevue
+VITE_GLOB_IMG_URL = http://file.thinkphp6.antdvue

 # 是否启用 Mock 数据（false = 使用真实后端 API）
 VITE_USE_MOCK = false
@@ -75,7 +75,7 @@ VITE_GLOB_API_URL_PREFIX = /api
 VITE_GLOB_UPLOAD_URL = /api/upload

 # 图片访问地址
-VITE_GLOB_IMG_URL = http://file.thinkphp6.elevue
+VITE_GLOB_IMG_URL = http://file.thinkphp6.antdvue

 # 是否启用 gzip 压缩
 VITE_BUILD_COMPRESS = gzip
@@ -101,8 +101,8 @@ npm run dev
 ```text
  VITE v3.2.x  ready in 1234 ms

-  ➜  Local:   http://localhost:8001/
-  ➜  Network: http://192.168.1.100:8001/
+  ➜  Local:   http://localhost:8002/
+  ➜  Network: http://192.168.1.100:8002/
 ```

 ## 步骤四：配置 API 代理
@@ -114,10 +114,10 @@ npm run dev
 ```typescript
 // ui/vite.config.ts
 server: {
-  port: 8001,                                       // 开发服务器端口（对应 VITE_PORT）
+  port: 8002,                                       // 开发服务器端口（对应 VITE_PORT）
  proxy: {
    '/api': {
-      target: 'http://admin.thinkphp6.elevue/api',  // 后端服务地址（对应 VITE_PROXY）
+      target: 'http://admin.thinkphp6.antdvue/api',  // 后端服务地址（对应 VITE_PROXY）
      changeOrigin: true,                            // 开启跨域（修改请求头的 Origin）
      rewrite: (path) => path,                       // 保持路径不变（不做路径替换）
    },
@@ -125,17 +125,17 @@ server: {
 }
 ```

-确保后端服务已启动（`php think run`），然后访问 `http://localhost:8001`。
+确保后端服务已启动（`php think run`），然后访问 `http://localhost:8002`。

 ## 步骤五：验证前后端联调

-1. 打开浏览器访问 `http://localhost:8001`
+1. 打开浏览器访问 `http://localhost:8002`
 2. 应该看到登录页面
 3. 输入默认账号 `admin` / `123456`
 4. 登录成功后进入控制台页面

 :::tip 代理原理
-浏览器 → `http://localhost:8001/api/login` → Vite 代理 → `http://admin.thinkphp6.elevue/api/login` → 后端处理
+浏览器 → `http://localhost:8002/api/login` → Vite 代理 → `http://admin.thinkphp6.antdvue/api/login` → 后端处理
 :::

 ## 构建生产版本
@@ -168,13 +168,13 @@ rm -rf node_modules pnpm-lock.yaml
 pnpm install
 ```

-### 2. 端口 8001 被占用
+### 2. 端口 8002 被占用

 修改 `.env.development` 中的 `VITE_PORT` 或 `vite.config.ts` 中的 `server.port`：

 ```typescript
 server: {
-  port: 8002,  // 改为其他端口（如 8002、8003 等）
+  port: 8003,  // 改为其他端口（如 8003、8004 等）
 }
 ```

@@ -187,5 +187,5 @@ server: {
 # -X POST → POST 方法
 # -H      → 设置 Content-Type 为 JSON
 # -d      → 发送 JSON 请求体
-curl http://admin.thinkphp6.elevue/api/login -X POST -H "Content-Type: application/json" -d '{"username":"admin","password":"123456"}'
+curl http://admin.thinkphp6.antdvue/api/login -X POST -H "Content-Type: application/json" -d '{"username":"admin","password":"123456"}'
 ```