做vue仿饿了么课程，自己搭建的项目中没有dev-server.js，应该在哪读取data.json的数据？

Question

首先我也不明白为什么要在webpack的配置文件里读取数据，其次自己构建的文件与视频里面不一样，没有dev-server.js，所以不知道读取data.json数据应该写在哪个文件里，求同行指教！

Answer 1

在webpack.dev.conf.js文件中

//首先const express = require('express')
const app = express()var appData = require('../data.json')var seller = appData.sellervar goods = appData.goodsvar ratings = appData.ratingsvar apiRoutes = express.Router()
app.use('/api', apiRoutes)//找到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
   })
 })
}

这样就可以了

Answer 2

因为最新的vue-webpack-template 中已经去掉了dev-server.js 改用webpack-dev-server 代替