Vue2.0仿唯妮海购

A Vue.js project

技术栈

vue + vue-cli + vue-router + axios + flexible + ES6

vue插件

vue-awesome-swiper + vue-lazyload + vue-infinite-scroll + px2rem

页面完成情况

• 首页
• 详情页
• 订单提交页（未做数据交互）
• 登陆页
• 个人中心页
• 订单列表页
• 一级分类页
• 分类商品展示页

部分页面展示

首页

详情页

一级分类页

分类商品展示页

运行说明

• 如果只是查看生产环境的页面效果，npm install 下载依赖后，直接npm run dev 即可自动打开浏览器查看。

// config/index.js中设置了代理来解决跨域问题--请知晓
proxyTable: {
      '/api':{
        target:'http://www.weinihaigou.com',
        changeOrigin:true,
        pathRewrite:{
          '^/api':''
        }
      }
    },

• 如果想查看打包后的发布环境的页面效果，因项目使用了代理来解决跨域问题，所以需把src/assets/js/api.js中的const pxy='/api'，改为const pxy = ''即可。
• 关于如何本地查看发布环境代码的页面效果，请移步这篇文章利用http-server测试vue-cli打包后的项目

Build Setup

# install dependencies
npm install

# serve with hot reload at localhost:8888
npm run dev

# build for production with minification
npm run build

# build for production and view the bundle analyzer report
npm run build --report

For a detailed explanation on how things work, check out the guide and docs for vue-loader.