【源码】基于Vue和Koa框架的移动端电商网站

项目简介

本项目是基于Vue.js前端框架和Koa后端框架搭建的移动端电商网站。综合运用Vue、Vue Router、Vuex、Axios等前端技术，以及Koa、MongoDB、Mongoose等后端技术，打造了一个功能完备、性能稳定的电商系统，为移动设备用户提供商品展示、购买、支付、评价等一系列服务。

移动端适配：采用flex + rem布局方案，依据设备宽度动态设定根元素的font - size，确保页面在不同移动设备上视觉效果一致。
前后端分离：通过axios实现前后端数据交互，提升系统的灵活性与可扩展性。
用户认证：使用JSON Web Token（JWT）规范进行用户认证，保障系统安全。前端用localStorage存储token，请求API时通过axios请求拦截器添加到HTTP头信息，后端验证失效或错误则返回401状态码，响应拦截器处理并删除前端token。
丰富的商品展示：具备商品详情、商品评论、商品搜索等功能，方便用户了解和查找商品。
购物车功能：支持商品的添加、删除、结算等购物流程。
用户信息管理：包含注册、登录、短信验证、个人信息修改等功能。
地址管理：可进行地址的添加、修改、选择等操作。
收藏与浏览记录：提供收藏商品和浏览历史功能，方便用户管理个人偏好和记录。

进入前端目录 mall，执行命令 npm install 安装相关依赖。

进入后端目录 server，执行命令 npm install 安装相关依赖。首次运行项目时，需在浏览器访问 localhost:3000，以执行初始化数据导入数据库任务。

分别启动前端和后端服务器，即可在移动端设备上访问该电商网站。

点击下载 【提取码: 4003】【解压密码: www.makuang.net】