仿饿了吗项目中,模拟后台数据如何在webpack.dev.conf.js中设置?

自己在学习这个项目中遇到的一个问题就是,模拟数据如何取到,总结如下:

首先设置先有data.json的模拟数据,然后在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();
app.use('/api', apiRoutes)

其中seller、goods、ratings就是data.json中的数据

2、在devserver中的watchOptions后写入如下代码

app.get('/api/seller', (req, res) => {
    res.json({
      errno: 0,
      data: seller
    })
}),
app.get('/api/goods', (req, res) => {
  res.json({
    errno: 0,
    data: goods
  })
}),
app.get('/api/ratings', (req, res) => {
  res.json({
    errno: 0,
    data: ratings
  })
})
}
3、命令行输入npm run dev ,浏览器中输入http://localhost:8080/api/ratings验证即可,如果有数据,证明设置成功。
            
阅读更多
文章标签: vue
个人分类: vue
想对作者说点什么? 我来说一句

没有更多推荐了,返回首页

加入CSDN,享受更精准的内容推荐,与500万程序员共同成长!
关闭
关闭