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

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

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

3、vue.config.js 配置 devServer

 1 const appData = require('./data.json')
 2 const seller = appData.seller
 3 const goods = appData.goods
 4 const ratings = appData.ratings
 5 module.exports = {
 6   css: {
 7     loaderOptions: {
 8       stylus: {
 9         'resolve url': true,
10         'import': [
11           './src/theme'
12         ]
13       }
14     }
15   },
16   pluginOptions: {
17     'cube-ui': {
18       postCompile: true,
19       theme: true
20     }
21   },
22   devServer: {
23     before(app) {
24       app.get('/api/seller',function(req, res) {
25         res.json({
26           errno:0,
27           success:200,
28           data:seller
29         })
30       })
31       app.get('/api/goods',function(req, res) {
32         res.json({
33           errno:0,
34           success:200,
35           data:goods
36         })
37       })
38       app.get('/api/ratings',function(req, res) {
39         res.json({
40           errno:0,
41           success:200,
42           data:ratings
43         })
44       })
45     },
46   }
47 }

4、npm run server 重启服务

5、拿到 seller、goods、ratings 数据