【变更概要】 1. 后端模式开关: 新增 backend-mode.js / USE_NEW_BACKEND 控制走老/新后端 2. token 同步链路: 新增 auth-token-store.js, 改造 request.js 拦截器支持 Bearer token 3. auth 重构 API: 新增 auth-refactor.js (独立模块, 不修改老 login.js) 4. user store: Login action 根据 USE_NEW_BACKEND 切换登录接口 5. login 页: 登录后跳转首页, 错误提示优化 6. dev-server proxy: vue.config.js 动态路由, 支持后端模式切换 7. 页脚 UI 重构: 品牌列 + 4 标题列布局, 响应式适配 8. main.vue 弹窗美化, home2 footer 反向缩放, page-layout CSS 变量调整 9. 双开调试配置: .env.development.new 【生产安全注意点 - 请务必确认】 - 生产构建 CI/CD 不得设置 VUE_APP_USE_NEW_BACKEND=true, 否则 Login 将走新后端 (默认未定义 = false, 走老后端 ry-cloud) - request.js 的 Authorization 头注入仅在 localStorage 有 txw_access_token 时生效, 老用户无此 key, 不会加头, 不影响老后端请求 - 响应拦截器的 token 同步逻辑仅处理含 accessToken 字段的响应体, 老后端不返回该字段, 不会触发 - vue.config.js 仅作用于 dev-server, 生产 Nginx 配置不受影响 |
||
|---|---|---|
| devops | ||
| docs | ||
| local-nodemodules | ||
| script | ||
| scripts | ||
| txw-common | ||
| txw-gateway | ||
| txw-gxzx | ||
| txw-gxzx-web | ||
| txw-mhzc | ||
| txw-mhzc-web | ||
| txw-mhzc-web scripts | ||
| txw-sso | ||
| txw-yygl | ||
| txw-yygl-web | ||
| .gitignore | ||
| .mcp.json | ||
| AGENTS.md | ||
| CLAUDE.md | ||
| README.md | ||
| tmp-active.mjs | ||
| tmp-capability-debug.mjs | ||
| tmp-capability-test.mjs | ||
| tmp-debug2.mjs | ||
| tmp-direct-1.png | ||
| tmp-direct-2.png | ||
| tmp-elementfrom.mjs | ||
| tmp-final-1.png | ||
| tmp-final-2.png | ||
| tmp-final.mjs | ||
| tmp-gxnlpt-content-1.png | ||
| tmp-gxnlpt-el.png | ||
| tmp-gxnlpt-more.png | ||
| tmp-home.png | ||
| tmp-no-keepalive.mjs | ||
| tmp-pix-1.png | ||
| tmp-pix-2.png | ||
| tmp-pix-3.png | ||
| tmp-pix-4.png | ||
| tmp-pix-5.png | ||
| tmp-pixel.mjs | ||
| tmp-snap2.mjs | ||
| tmp-snap-body.png | ||
| tmp-snap-viewport.png | ||
| tmp-snap.mjs | ||
| tmp-zoom2.mjs | ||
| tmp-zoom2.png | ||
| tmp-zoom3-no-eval.png | ||
| tmp-zoom3.mjs | ||
| tmp-zoom4.mjs | ||
| tmp-zoom4.png | ||
| tmp-zoom-1-home.png | ||
| tmp-zoom-2-after-click.png | ||
| tmp-zoom-3-top.png | ||
| tmp-zoom.mjs | ||
| trae-mcp-figma-snippet.json | ||
| 前端项目文档.md | ||
| 可信碳共性能力网站导航.xlsx | ||
碳信网 Web 项目本地开发指南
环境要求
- Node.js >= 14(建议 16+)
- Yarn >= 1.22
1. 安装依赖
node setup.js
脚本会自动为所有 web 项目创建本地包链接并安装依赖。Windows 和 Mac 通用。
如果网络不稳定,加
--prefer-offline会优先从本地缓存获取包,速度更快。
2. 启动开发服务
# 以碳门户主页为例
cd txw-mhzc-web
yarn dev
其他项目同理:txw-gxzx-web、txw-kxtfwzx-web、txw-tzzx-web、txw-ytzx-web、txw-yygl-web
3. 项目说明
| 目录 | 说明 |
|---|---|
txw-gxzx-web |
个人工作台 |
txw-kxtfwzx-web |
科学碳体重中心 |
txw-mhzc-web |
碳门户主页 |
txw-yygl-web |
运营管理 |
local-nodemodules |
本地私有包(ggzc-web 组件库) |
4. 常见问题
Q: yarn install 报 @cssyq/ggzc-web not found?
A: 需要先建立 symlink。执行第 1 步中的 for 循环即可。
Q: 启动报错 engine node incompatibility?
A: 加 --ignore-engines 参数绕过。
Q: 需要更新 ggzc-web 组件库?
A: 修改 local-nodemodules/@cssyq/ggzc-web 后,直接 yarn dev 即可看到更新(已通过 symlink 关联)。