weinihaigou

单页面海淘商城

前言

初学vue时曾在网上搜索vue的实战项目源码，无奈大部分都是简单的demo，对于深究vue没有太大的帮助，剩下的一些大部分都是像音乐播放器之类的展示型项目，交互没有预期那么复杂。但我们实际在工作中，经常会遇到有购物车的项目，这类项目因为涉及到money，所以对逻辑严谨度要求高，页面之间交互复杂，又会伴随着登录、注册、用户信息等等，常常会让我们很头疼。

此项目大大小小共 16 个主体页面，涉及注册、登录、商品详情、购物车、下单、订单、订单详情等等，是一个完整的流程。一般公司即便是官网的单页面项目都没这么复杂，如果这个项目能驾驭的了，相信大部分公司的其他单页面应用也就不在话下，即便更复杂，也不会比这个高到哪里去。

注：此项目纯属个人瞎搞，正常购买请选择唯妮海购官网。

技术栈

vue2 + vue-cli + vuex + vue-router + webpack + ES6/7

关于数据接口的说明

该项目所有接口都来自唯妮海购，如有侵权，请联系本胖。马上删除。（商品详情接口最近有很大的变动，故商品详情页的逻辑有一部分是不对的，等新的商品详情接口上线，本胖马上改哈）。

项目运行

git clone https://github.com/lvpangpang/weinihaigou.git 

cd weinihaigou

npm install

npm run dev

如果你用过npm run build 打包出来dist文件夹，想运行里面的index.html,可以安装下面的指令来(注意需要修改api.js里面的const pxy = '/api' 改成const pxy = '';)
npm install http-server
cd dist
http-server -P http://www.weinihaigou.com/

或者本地开一个nginx，配置nginx.conf就行