最新的vue webpack没有dev-server文件，如何实现mock后台数据模拟

dev-server文件在最新的vue版本中是webpack.dev.conf.js
代码没有太大变动，只是语法上有一些改变
！！修改后一定重新启动npm run dev,才能访问到接口数据
webpack.dev.conf.js文件

const express = require('express')
const app = express()//请求server
var goodsData = require('../mock/goods')//加载本地数据文件
var router = express.Router()
app.use(router)//通过路由请求数据

......
devServer: {
...
,  before(app){
      app.get('/goods',(req,res)=>{
        res.json(goodsData);
      })
    }
}

mock数据
goods.json

{
  "status":"0",
  "msg":"",
  "result":[
    {
      "productId":100001,
      "productName":"音响",
      "productPrice":"199",
      "productImg":"1.jpg"
    },
    {
      "productId":100002,
      "productName":"入耳式耳机",
      "productPrice":"99",
      "productImg&