riceball's Introduction

更新说明

使 vue-sell 项目适配最新的 vue-cli

更新内容

1.安装 vue-resource better-scroll

cnpm install vue-resource better-scroll --save

2.安装stylus stylus-loader

cnpm install stylus stylus-loader --save-dev

3.设置缩略路径

build/webapck.base.conf.js

    {
        'src': path.resolve(__dirname, '../src'),
        'common': path.resolve(__dirname, '../src/common'),
        'components': path.resolve(__dirname, '../src/components')
    }

4.修改.eslintrc.js 添加规则

/.eslintrc.js

    'semi': ['error', 'always'],
    'no-tabs': 0,
    'indent': 0,
    'space-before-function-paren': 0

5.修改config目录下的index.js文件

修改host

/config/index.js

host: '0.0.0.0'

6.使用webpack内置的devServer，设置before()

/build/webpack.dev.conf.js

devServer: {
    before(app) {
      app.get('/api/seller', function(req, res) {
        res.json({
          errno: 0,
          data: seller
        })
      });
      app.get('/api/goods', function(req, res) {
        res.json({
          errno: 0,
          data: goods
        })
      });
      app.get('/api/ratings', function(req, res) {
        res.json({
          errno: 0,
          data: ratings
        })
      });
    },
    ```````
    ```````
}

7.在单独的 router.js 路由文件中编写路由

/src/router/index.js

import Vue from 'vue';
import Router from 'vue-router';
import goods from 'components/goods/goods';
import ratings from 'components/ratings/ratings';
import seller from 'components/seller/seller';

Vue.use(Router);

const routes = [{
  path: '/',
  redirect: '/goods'
}, {
  path: '/goods',
  component: goods
}, {
  path: '/ratings',
  component: ratings
}, {
  path: '/seller',
  component: seller
}];

export default new Router({
    linkActiveClass: 'active',
    routes
});

Recommend Projects