Files
Ghost a411bf7b21 高考版优化
审核模式优化
2026-04-29 18:01:26 +08:00
..
2026-04-29 18:01:26 +08:00
2026-04-29 18:01:26 +08:00
2026-04-29 18:01:26 +08:00
2026-04-29 18:01:26 +08:00
2026-04-29 18:01:26 +08:00
2026-04-29 18:01:26 +08:00
2026-04-29 18:01:26 +08:00
2026-04-29 18:01:26 +08:00
2026-04-29 18:01:26 +08:00
2026-04-29 18:01:26 +08:00
2026-04-29 18:01:26 +08:00
2026-04-29 18:01:26 +08:00

MBTI 小程序 → Vue 3 H5迁移工程

启动

cd h5-vue
npm install
npm run dev

浏览器打开终端提示的地址(默认 http://localhost:5174)。

配置接口地址:复制 .env.development.env.local,设置:

VITE_API_BASE=https://你的API域名

若本地后端与 Vite 同源代理,可在 vite.config.ts 里配置 server.proxy,并令 VITE_API_BASE 为空,请求走相对路径 /api

迁移进度说明

维度 说明
路由 app.json37 条页面路径已全部注册
Tab 三页 首页 / 拍摄 / 我的:布局与小程序主区块对齐(含底部自定义 Tab
占位页 其余 34 条为占位页(标题 + 路由名 + 回首页),便于按页迁移
基建 Vue Router、Pinia、/api/config/runtime 拉取、axios 封装

完成度百分比(客观口径)

  • 路由覆盖率37 / 37 = 100%(每条路径均可访问)
  • 界面 + 主要交互按小程序复刻:约 3 / 37 ≈ 8%(仅 Tab 内三页;其中拍摄页为能力说明型占位)
  • 若计入基建(工程可运行 + Tab 壳 + Runtime:约 15%18%(主观加权,供排期参考)

要做到「每个页面 1:1 功能与界面」,需按模块继续把 .wxml/.wxss/.js 迁到 .vue,并替换 wx.*(支付、登录、相机、分享等)。

静态资源

首页头图已尝试从 ../miniprogram/images/mbti-team-image.png 复制到 public/images/;若缺失可手动拷贝同名文件。