目录结构
bulid
dev-server.js
build.js
.
.
.
webpack.base.config.js
首先是dev.sever.js中配置拿取json数据，使用express路由，配置接口
// 使用node中的expres，实例一个app项
var app=express();
// 拿取json，并赋值给变量
var appData=require('./Data.json');
var seller=appData.seller;
var goods=appData.goods;
var ratings=appData.ratings;
// 编写路由，写接口,express模块的路由
var apiRoutes=express.Router();
// seller
apiRoutes.get('./seller',function(req,res){
res.json({
errno:0,
seller:seller
})
})
// goods
apiRoutes.get('./goods',function(req,res){
res.json({
errno:0,
goods:goods
})
})
// ratings
apiRoutes.get('./ratings',function(req,res){
res.json({
errno:0,
ratings:ratings
})
))
// 使用路由
app.use('./api',apiRoutes);
随时随地看视频
热门评论
-
八爪喵2017-12-03 0
查看全部评论新版webpack.dev.conf.js配置本地数据访问：
在const portfinder = require(‘portfinder’)后添加
//首先
const express = require('express')
const app = express()
var appData = require('../data.json')//加载本地数据文件
var seller = appData.seller//获取对应的本地数据
var goods = appData.goods
var ratings = appData.ratings
var apiRoutes = express.Router()
app.use('/api', apiRoutes)
//然后找到devServer,在里面添加
before(app) {
app.get('/api/seller', (req, res) => {
res.json({
errno: 0,
data: seller
})//接口返回json数据，上面配置的数据seller就赋值给data请求后调用
}),
app.get('/api/goods', (req, res) => {
res.json({
errno: 0,
data: goods
})
}),
app.get('/api/ratings', (req, res) => {
res.json({
errno: 0,
data: ratings
})
})
}