vue2.0以上如何配置mock数据

因为vue2.0删除了build文件夹下的dev-serve.js文件和dev-client.js文件,所以我们可以在webpack.dev.conf.js文件下进行配置,配置文件步骤如下:

1、找到  const portfinder = require('portfinder'),并在后面添加一下代码

             const express = require('express')  

             const app = express()

             const appData = require('../static/mock/data.json')

             const seller = appData.seller

             const goods = appData.goods

             const ratings = appData.ratings

             const apiRoutes = express.Router()

             app.use('/api',apiRoutes)

2、找到devServer字段,在里面添加一下内容

            before(app){

                  app.get('/api/seller',function(req,res){

                        res.json({

                              error:0,

                              data:seller

                        })

                  })

                 app.get('/api/goods',function(req,res){

                            res.json({

                                 error:0,

                                 data:goods

                           })

                  })

                 app.get('/api/ratings',function(req,res){

                         res.json({

                                 error:0,

                                 data:ratings

                         })

                  })

            }

你可能感兴趣的:(vue2.0以上如何配置mock数据)