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 数据