123

ruoyi-jiaoyi/.env.development

@@ -0,0 +1,5 @@
+# 开发环境（对齐 ruoyi-ui/.env.development）
+VITE_APP_TITLE=交易市场
+VITE_APP_BASE_API=/dev-api
+# H5 直连后端时使用（与 ruoyi-ui/vue.config.js baseUrl 一致）
+VITE_APP_API_HOST=http://192.168.1.6:8010

ruoyi-jiaoyi/.env.production

@@ -0,0 +1,3 @@
+# 生产环境（对齐 ruoyi-ui/.env.production）
+VITE_APP_TITLE=交易市场
+VITE_APP_BASE_API=/prod-api

ruoyi-jiaoyi/config/index.js

@@ -1,25 +1,37 @@
 /**
- * 接口根地址配置
+ * 接口根地址（与 ruoyi-ui 的 VUE_APP_BASE_API 对齐）
  *
- * 若依后端真实路径是 /login、/getInfo（没有 /dev-api 前缀）。
- * PC 端 ruoyi-ui 的 /dev-api 仅用于 H5 开发代理，代理会去掉该前缀再转发。
+ * - 开发：.env.development → /dev-api（H5 代理）或 VITE_APP_API_HOST 直连
+ * - 生产：.env.production → /prod-api（与 ruoyi-ui/.env.production 一致，由 Nginx 转发）
+ *
+ * 打包 H5：uni build -p h5
  */
 
-/** 与 ruoyi-ui/vue.config.js 中 baseUrl 一致 */
-export const DEV_API_HOST = 'http://192.168.1.6:8010'
+const apiHost = String(import.meta.env.VITE_APP_API_HOST || 'http://192.168.1.6:8010').replace(/\/$/, '')
+
+/** 与 ruoyi-ui 的 VUE_APP_BASE_API 同源配置（dev/prod 由 .env 注入） */
+const envBaseApi = String(import.meta.env.VITE_APP_BASE_API || '').trim()
 
 /**
- * H5 是否走 /dev-api 开发代理（需 vite.config.js 的 rewrite）
- * 默认 false：直连 DEV_API_HOST（后端已配置 CORS）
+ * H5 开发是否走 /dev-api 代理（需 vite.config.js rewrite）
+ * 默认 false：直连 VITE_APP_API_HOST
  */
 export const H5_USE_PROXY = false
 
-let _baseApi = DEV_API_HOST
-// #ifdef H5
-_baseApi = H5_USE_PROXY ? '/dev-api' : DEV_API_HOST
-// #endif
+function resolveBaseApi() {
+  if (import.meta.env.PROD) {
+    return envBaseApi || '/prod-api'
+  }
+  const devBase = envBaseApi || '/dev-api'
+  // #ifdef H5
+  return H5_USE_PROXY ? devBase : apiHost
+  // #endif
+  // #ifndef H5
+  return apiHost
+  // #endif
+}
 
-export const BASE_API = _baseApi
+export const BASE_API = resolveBaseApi()
 
 /**
  * 拼接接口或静态资源地址（/login、/profile/...）

ruoyi-jiaoyi/manifest.json

@@ -76,6 +76,11 @@
                     }
                 }
             }
+        },
+        "title" : "巴青交易",
+        "router" : {
+            "mode" : "history",
+            "base" : "/bqjy/"
         }
     },
     "uniStatistics" : {

ruoyi-jiaoyi/vite.config.js

@@ -1,21 +1,24 @@
-import { defineConfig } from 'vite'
+import { defineConfig, loadEnv } from 'vite'
 import uni from '@dcloudio/vite-plugin-uni'
 
-/** 与 config/index.js 中 DEV_API_HOST 保持一致 */
-const DEV_API_TARGET = 'http://192.168.1.6:8010'
-
 /**
- * uni-app Vue3 H5 开发代理（Vite rewrite）
- * - /dev-api → 若依后端（config/index.js H5_USE_PROXY）
+ * uni-app Vue3 H5 开发代理
+ * - /dev-api → 若依后端（.env.development 的 VITE_APP_API_HOST）
  */
-export default defineConfig({
-  plugins: [uni()],
-  server: {
-    proxy: {
-      '/dev-api': {
-        target: DEV_API_TARGET,
-        changeOrigin: true,
-        rewrite: (path) => path.replace(/^\/dev-api/, '')
+export default defineConfig(({ mode }) => {
+  const env = loadEnv(mode, process.cwd(), '')
+  const devApiTarget = String(env.VITE_APP_API_HOST || 'http://192.168.1.6:8010').replace(/\/$/, '')
+  const devApiPrefix = String(env.VITE_APP_BASE_API || '/dev-api')
+
+  return {
+    plugins: [uni()],
+    server: {
+      proxy: {
+        [devApiPrefix]: {
+          target: devApiTarget,
+          changeOrigin: true,
+          rewrite: (path) => path.replace(new RegExp(`^${devApiPrefix}`), '')
+        }
       }
     }
   }

ruoyi-screen/.env.production

@@ -7,6 +7,9 @@ ENV=production
 # 若依后端 API（与 ruoyi-ui 一致，由 Nginx 反代到真实后端）
 VITE_APP_BASE_API=/prod-api
 
+# 生产部署子路径（对齐 ruoyi-ui publicPath: /client）
+VITE_APP_PUBLIC_PATH=/screen
+
 # 天启气象（前端直连）
 VITE_WEATHER_APP_ID=36793262
 VITE_WEATHER_APP_SECRET=t6a6z0H8

ruoyi-screen/package.json

@@ -9,7 +9,7 @@
   "scripts": {
     "dev": "vite",
     "build": "vite build",
-    "preview": "vite preview"
+    "preview": "vite preview --mode production"
   },
   "dependencies": {
     "axios": "^1.16.1",

ruoyi-screen/src/router/index.js

@@ -1,4 +1,4 @@
-import { createRouter, createWebHashHistory } from "vue-router"
+import { createRouter, createWebHistory } from "vue-router"
 import ScreenLayout from "../layout/ScreenLayout.vue"
 import { getToken } from "../utils/auth"
 
@@ -82,7 +82,8 @@ const routes = [
 ]
 
 const router = createRouter({
-  history: createWebHashHistory(import.meta.env.BASE_URL),
+  // 与 ruoyi-ui router.base 一致；生产 import.meta.env.BASE_URL 为 /screen/
+  history: createWebHistory(import.meta.env.BASE_URL),
   routes
 })
 

ruoyi-screen/vite.config.js

@@ -1,50 +1,65 @@
-import { defineConfig, loadEnv } from 'vite'
-import vue from '@vitejs/plugin-vue'
-import path from 'path'
-import { fileURLToPath } from 'url'
-
-const __dirname = path.dirname(fileURLToPath(import.meta.url))
-
-// https://vite.dev/config/
-export default defineConfig(({ mode }) => {
-  const env = loadEnv(mode, process.cwd(), '')
-
-  const baseApi = env.VITE_APP_BASE_API || '/dev-api'
-  const proxyTarget = (env.VITE_PROXY_TARGET || 'http://192.168.1.6:8010').replace(/\/$/, '')
-
-  const proxy = {
-    [baseApi]: {
-      target: proxyTarget,
-      changeOrigin: true,
-      rewrite: (path) => path.replace(new RegExp(`^${baseApi}`), '')
-    },
-    '^/v3/api-docs/(.*)': {
-      target: proxyTarget,
-      changeOrigin: true
-    }
-  }
-
-  const llmTarget = env.LLM_PROXY_TARGET
-  if (llmTarget) {
-    proxy['^/llm-dev-proxy'] = {
-      target: llmTarget.replace(/\/$/, ''),
-      changeOrigin: true,
-      rewrite: (path) => path.replace(/^\/llm-dev-proxy/, '')
-    }
-  }
-
-  return {
-    plugins: [vue()],
-    resolve: {
-      alias: {
-        '@': path.resolve(__dirname, 'src')
-      }
-    },
-    server: {
-      host: true,
-      port: 5188,
-      strictPort: false,
-      proxy
-    }
-  }
-})
+import { defineConfig, loadEnv } from 'vite'
+import vue from '@vitejs/plugin-vue'
+import path from 'path'
+import { fileURLToPath } from 'url'
+
+const __dirname = path.dirname(fileURLToPath(import.meta.url))
+
+/** 与 ruoyi-ui vue.config.js publicPath 一致：生产 /screen，开发 / */
+function resolvePublicPath(mode, env) {
+  if (mode !== 'production') {
+    return '/'
+  }
+  const raw = String(env.VITE_APP_PUBLIC_PATH || '/screen').trim()
+  if (!raw || raw === '/') {
+    return '/'
+  }
+  return `/${raw.replace(/^\/+|\/+$/g, '')}/`
+}
+
+// https://vite.dev/config/
+export default defineConfig(({ mode }) => {
+  const env = loadEnv(mode, process.cwd(), '')
+  const base = resolvePublicPath(mode, env)
+
+  const baseApi = env.VITE_APP_BASE_API || '/dev-api'
+  const proxyTarget = (env.VITE_PROXY_TARGET || 'http://192.168.1.6:8010').replace(/\/$/, '')
+
+  const proxy = {
+    [baseApi]: {
+      target: proxyTarget,
+      changeOrigin: true,
+      rewrite: (path) => path.replace(new RegExp(`^${baseApi}`), '')
+    },
+    '^/v3/api-docs/(.*)': {
+      target: proxyTarget,
+      changeOrigin: true
+    }
+  }
+
+  const llmTarget = env.LLM_PROXY_TARGET
+  if (llmTarget) {
+    proxy['^/llm-dev-proxy'] = {
+      target: llmTarget.replace(/\/$/, ''),
+      changeOrigin: true,
+      rewrite: (path) => path.replace(/^\/llm-dev-proxy/, '')
+    }
+  }
+
+  return {
+    base,
+    plugins: [vue()],
+    resolve: {
+      alias: {
+        '@': path.resolve(__dirname, 'src')
+      }
+    },
+    server: {
+      host: true,
+      port: 5188,
+      strictPort: false,
+      proxy
+    }
+  }
+})
+

ruoyi-ui-app/.env.development

@@ -0,0 +1,5 @@
+# 开发环境（对齐 ruoyi-ui/.env.development）
+VITE_APP_TITLE=掌上巴青
+VITE_APP_BASE_API=/dev-api
+# H5 直连后端时使用（与 ruoyi-ui/vue.config.js baseUrl 一致）
+VITE_APP_API_HOST=http://192.168.1.6:8010

ruoyi-ui-app/.env.production

@@ -0,0 +1,3 @@
+# 生产环境（对齐 ruoyi-ui/.env.production）
+VITE_APP_TITLE=掌上巴青
+VITE_APP_BASE_API=/prod-api

ruoyi-ui-app/config/index.js

@@ -1,32 +1,37 @@
 /**
- * 接口根地址配置
+ * 接口根地址（与 ruoyi-ui 的 VUE_APP_BASE_API 对齐）
  *
- * 若依后端真实路径是 /login、/getInfo（没有 /dev-api 前缀）。
- * PC 端 ruoyi-ui 的 /dev-api 仅用于 H5 开发代理，代理会去掉该前缀再转发。
+ * - 开发：.env.development → /dev-api（H5 代理）或 VITE_APP_API_HOST 直连
+ * - 生产：.env.production → /prod-api（与 ruoyi-ui/.env.production 一致，由 Nginx 转发）
  *
- * 登录 404 常见原因：
- * 1. 后端未启动，或 DEV_API_HOST 与真实地址不一致
- * 2. H5 未用 uni 开发服务运行，相对路径 /dev-api 会打到前端服务器 → 404
- * 3. 代理未改写路径，后端收到 /dev-api/login 也会 404
- *
- * 请先确认 ruoyi-ui 能登录；再改 DEV_API_HOST；仍 404 时将 H5_USE_PROXY 设为 false。
+ * 打包 H5：uni build -p h5
  */
 
-/** 与 ruoyi-ui/vue.config.js 中 baseUrl 一致 */
-export const DEV_API_HOST = 'http://192.168.1.6:8010'
+const apiHost = String(import.meta.env.VITE_APP_API_HOST || 'http://192.168.1.6:8010').replace(/\/$/, '')
+
+/** 与 ruoyi-ui 的 VUE_APP_BASE_API 同源配置（dev/prod 由 .env 注入） */
+const envBaseApi = String(import.meta.env.VITE_APP_BASE_API || '').trim()
 
 /**
- * H5 是否走 /dev-api 开发代理（需 vite.config.js 的 rewrite，manifest 的 pathRewrite 在 Vue3 常不生效）
- * 默认 false：直连 DEV_API_HOST（后端已配置 CORS，与 ruoyi-ui 实际请求路径一致）
+ * H5 开发是否走 /dev-api 代理（需 vite.config.js rewrite）
+ * 默认 false：直连 VITE_APP_API_HOST
  */
 export const H5_USE_PROXY = false
 
-let _baseApi = DEV_API_HOST
-// #ifdef H5
-_baseApi = H5_USE_PROXY ? '/dev-api' : DEV_API_HOST
-// #endif
+function resolveBaseApi() {
+  if (import.meta.env.PROD) {
+    return envBaseApi || '/prod-api'
+  }
+  const devBase = envBaseApi || '/dev-api'
+  // #ifdef H5
+  return H5_USE_PROXY ? devBase : apiHost
+  // #endif
+  // #ifndef H5
+  return apiHost
+  // #endif
+}
 
-export const BASE_API = _baseApi
+export const BASE_API = resolveBaseApi()
 
 /**
  * 拼接接口或静态资源地址（/login、/profile/...）

ruoyi-ui-app/manifest.json

@@ -72,7 +72,7 @@
         "devServer" : {
             "proxy" : {
                 "/dev-api" : {
-                    "target" : "http://192.168.1.18:8010",
+                    "target" : "http://192.168.1.6:8010",
                     "changeOrigin" : true,
                     "pathRewrite" : {
                         "^/dev-api" : ""
@@ -85,8 +85,14 @@
                         "^/llm-dev-proxy" : ""
                     }
                 }
-            }
-        }
+            },
+            "https" : false
+        },
+        "router" : {
+            "mode" : "history",
+            "base" : "/bqH5/"
+        },
+        "title" : "掌上巴青"
     },
     "uniStatistics" : {
         "enable" : false

ruoyi-ui-app/vite.config.js

@@ -1,30 +1,33 @@
-import { defineConfig } from 'vite'
+import { defineConfig, loadEnv } from 'vite'
 import uni from '@dcloudio/vite-plugin-uni'
 import { LLM_PROXY_TARGET } from './config/llm.js'
 
-/** 与 config/index.js 中 DEV_API_HOST 保持一致 */
-const DEV_API_TARGET = 'http://192.168.1.6:8010'
-
 const llmTarget = String(LLM_PROXY_TARGET || '').replace(/\/$/, '')
 
 /**
- * uni-app Vue3 H5 开发代理（Vite rewrite）
- * - /dev-api → 若依后端（config/index.js H5_USE_PROXY）
- * - /llm-dev-proxy → 大模型网关（对齐 ruoyi-ui/vue.config.js devProxy）
+ * uni-app Vue3 H5 开发代理
+ * - /dev-api → 若依后端（.env.development 的 VITE_APP_API_HOST）
+ * - /llm-dev-proxy → 大模型网关
  */
-export default defineConfig({
-  plugins: [uni()],
-  server: {
-    proxy: {
-      '/dev-api': {
-        target: DEV_API_TARGET,
-        changeOrigin: true,
-        rewrite: (path) => path.replace(/^\/dev-api/, '')
-      },
-      '/llm-dev-proxy': {
-        target: llmTarget,
-        changeOrigin: true,
-        rewrite: (path) => path.replace(/^\/llm-dev-proxy/, '')
+export default defineConfig(({ mode }) => {
+  const env = loadEnv(mode, process.cwd(), '')
+  const devApiTarget = String(env.VITE_APP_API_HOST || 'http://192.168.1.6:8010').replace(/\/$/, '')
+  const devApiPrefix = String(env.VITE_APP_BASE_API || '/dev-api')
+
+  return {
+    plugins: [uni()],
+    server: {
+      proxy: {
+        [devApiPrefix]: {
+          target: devApiTarget,
+          changeOrigin: true,
+          rewrite: (path) => path.replace(new RegExp(`^${devApiPrefix}`), '')
+        },
+        '/llm-dev-proxy': {
+          target: llmTarget,
+          changeOrigin: true,
+          rewrite: (path) => path.replace(/^\/llm-dev-proxy/, '')
+        }
       }
     }
   }

ruoyi-ui/src/router/index.js

@@ -183,7 +183,8 @@ Router.prototype.replace = function push(location) {
 }
 
 export default new Router({
-  mode: 'history', // 去掉url中的#
+  mode: 'history', // 去掉url中的
+  base: '/client',
   scrollBehavior: () => ({ y: 0 }),
   routes: constantRoutes
 })

ruoyi-ui/vue.config.js

@@ -37,7 +37,7 @@ module.exports = {
   // 部署生产环境和开发环境下的URL。
   // 默认情况下，Vue CLI 会假设你的应用是被部署在一个域名的根路径上
   // 例如 https://www.ruoyi.vip/。如果应用被部署在一个子路径上，你就需要用这个选项指定这个子路径。例如，如果你的应用被部署在 https://www.ruoyi.vip/admin/，则设置 baseUrl 为 /admin/。
-  publicPath: process.env.NODE_ENV === "production" ? "/" : "/",
+  publicPath: process.env.NODE_ENV === "production" ? "/client" : "/",
   // 在npm run build 或 yarn build 时 ，生成文件的目录名称（要和baseUrl的生产环境路径一致）（默认dist）
   outputDir: 'dist',
   // 用于放置生成的静态资源 (js、css、img、fonts) 的；（项目打包之后，静态资源会放在这个文件夹下）