Vue项目【饿了么App】mock数据【data.json】

1、前后端分离式开发，约定好数据字段接口！

2、前端mock静态数据，开发完毕后，与后端进行数据联调！

3、vue.config.js 配置 devServer 

const appData = require('./data.json')
const seller = appData.seller
const goods = appData.goods
const ratings = appData.ratings
module.exports = {
  css: {
    loaderOptions: {
      stylus: {
        'resolve url': true,
        'import': [
          './src/theme'
        ]
      }
    }
  },
  pluginOptions: {
    'cube-ui': {
      postCompile: true,
      theme: true
    }
  },
  devServer: {
    before(app) {
      app.get('/api/seller',function(req, res) {
        res.json({
          errno:0,
          success:200,
          data:seller
        })
      })
      app.get('/api/goods',function(req, res) {
        res.json({
          errno:0,
          success:200,
          data:goods
        })
      })
      app.get('/api/ratings',function(req, res) {
        res.json({
          errno:0,
          success:200,
          data:ratings
        })
      })
    },
  }
}

4、npm run server 重启服务

5、拿到 seller、goods、ratings 数据