vue2.0配置webpack.dev.conf.js加载本地json数据

Posted 2020-11-07 你是海上的烟火

打开webpack.dev.conf.js

在const portfinder = require(‘portfinder‘)后加入以下配置

1 const express = require(‘express‘)
2 const app = express() // 请求server
3 var appData = require(‘../data.json‘) //加载本地数据
4 var seller = appData.seller //获取对应的数据
5 var goods = appData.goods
6 var ratings = appData.ratings
7 var apiRoutes = express.Router()
8 app.use(‘/api‘, apiRoutes) //通过路由请求数据

在devServer: { }中加入以下配置

 1     before(app) {
 2       app.get(‘/api/seller‘, (req, res) => {
 3         res.json({
 4           errno: 0,
 5           data: seller // 接口返回json数据
 6         })
 7       }),
 8       app.get(‘/api/goods‘, (req, res) => {
 9         res.json({
10           errno: 0,
11           data: goods // 接口返回json数据
12         })
13       }),
14       app.get(‘/api/ratings‘, (req, res) => {
15         res.json({
16           errno: 0,
17           data: ratings // 接口返回json数据
18         })
19       })
20     }
21   }