vue-cli的build的文件夹下没有dev-server.js文件配置mock数据的方法

作者: 高强武艺个子大
来源: 51数据库
2021-08-11

由于最新版本的vue-cli已经放弃dev-server.js，需在webpack.dev.conf.js配置才行

新版本的webpack.dev.conf.js配置如下：

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()
app.use('/api', apiroutes)

找到devserver后，在最后面添加：

before(app) {
   app.get('/api/appdata',function(req,res){
    res.json({
     errno:0,
     data:appdata
    })
   }),
   app.get('/api/seller',function(req,res){
    res.json({
     errno:0,
     data:seller
    })
   }),
   app.get('/api/goods',function(req,res){
    res.json({
     errno:0,
     data:goods
    })
   }),
   app.get('/api/ratings',function(req,res){
    res.json({
     errno:0,
     data:ratings
    })
   })
  }

最后一定要重启才会生效，因为修改了配置文件，重新跑一次npm run dev.

打开路径 :8080/api/appdata就能请求到数据

打开 :8080/api/seller 能请求到seller相关数据

如图：