打開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   }

vue2.0配置webpack.dev.conf.js加載本地json數據