VUE中在webpack.dev.conf.js中配置mock数据
const portfinder = require('portfinder')//在行代码下面添加 const express = require('express') const app = express() var appData = require('../mock/data.json')//加载本地数据文件 var seller = appData.seller var goods = appData.goods var ratings = appData.ratings var apiRoutes = express.Router() app.use('/api', apiRoutes)
在找到devServer,在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 }) }) }
在npm run dev运行访问http://localhost:8080/api/seller可以获取数据