打开webpack.dev.conf.js
在const portfinder = require(‘portfinder‘)后加入以下配置
1 const express = require(‘express‘)2 const app = express() // 请求server3 var appData = require(‘../data.json‘) //加载本地数据4 var seller = appData.seller //获取对应的数据5 var goods = appData.goods6 var ratings = appData.ratings7 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数据
原文地址:https://www.cnblogs.com/i-Leo/p/9063608.html