仿饿了吗项目中,模拟后台数据如何在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验证即可,如果有数据,证明设置成功。
 

                
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值