乡橙-助农电商平台产品系统

本项目立项于农产品与乡村旅游的数字化助农场景：山区农产品滞销、销售渠道单一，农户缺少直面消费者的窗口；同时乡村景点分散、信息不透明，游客难以一站式获取。乡橙以「电商 + 生活旅游」切入，一端连接农户与消费者完成农产品交易，一端整合周边景点与游玩信息，让农产品与乡村旅游资源在同一次访问内被看见并完成转化。

项目后端为微服务架构，用户端是基于 Vue 3 + TypeScript + Vant 的移动端 H5，包含六大功能模块：首页聚合（轮播、分类、商品推荐）、商品与店铺（列表、详情、加入购物车）、订单交易（下单、订单列表、订单统计与取消）、乡村旅游（景点浏览、收藏、浏览记录）、社区互动（发帖、点赞、评论、收藏与关注）、个人中心（账号密码与短信验证码登录注册、资料与安全设置、收货地址、优惠券）。前端统一封装请求层实现 JWT 自动注入、响应统一解包与 401 自动登出，并用路由守卫控制权限、px→vw 适配多机型。

Vue 3 + TypeScript + Vite + Pinia + Vue Router + Vant 4
负责用户端 H5 开发，完成 17 个页面（首页、商品详情、店铺、社区、登录注册、个人中心及其下订单/地址/收藏/足迹/优惠券等子页面）与 12 个业务 API 模块；基于 unplugin-vue-components + Vant Resolver 实现组件按需引入，控制首屏体积。
接入并维护 monorepo 共享请求层（packages/shared-frontend，供用户端/管理端/商家端复用）：请求拦截自动注入 JWT，响应拦截统一解包 {code, message, data}，401 自动清除本地登录态并跳转登录页，业务层无需重复处理错误与鉴权。
基于 Vue Router 实现登录鉴权闭环：meta.requiresAuth 标记 + beforeEach 全局守卫，未登录跳转登录页并用 query.redirect 记录来源路径，登录后回跳原页面；路由全量懒加载。
使用 postcss-px-to-viewport 完成 px → vw 移动端适配（设计稿 375），结合 sass 变量与 Vant 主题定制，保证多机型显示一致。