vue建假数据

最新的vue里dev-server.js被替换成了webpack-dev-conf.js

1，在const portfinder = require(‘portfinder’)后添加代码

const express = require('express')
const app = express()
//加载本地数据文件
var appData = require('../data.json')
//获取本地数据
var seller = appData.seller
var goods = appData.goods
var ratings = appData.ratings
var apiRoutes = express.Router()

//通过/api/seller这样调取本地数据
app.use('/api', apiRoutes)

2.找到这个文件下的devServer配置项，在最后添加你的模拟接口路由。

before(app) {
      app.get('/api/seller', (req, res) => {
        res.json({
          // 这里是你的json内容
          errno: 0,
          data: seller
        })
      }),
      app.get('/api/goods', (req, res) => {
        res.json({
          // 这里是你的json内容
          errno: 0,
          data: goods
        })
      }),
      app.get('/api/ratings', (req, res) => {
        res.json({
          // 这里是你的json内容
          errno: 0,
          data: ratings
        })
      })
    }

所有的配置修改都要重新npm run dev才能生效