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

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

果酒柠檬子
浏览 2988回答 2
2回答

慕运维7130634

在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    })  })}这样就可以了

慕运维7130634

因为最新的vue-webpack-template 中已经去掉了dev-server.js 改用webpack-dev-server 代替
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

Vue.js