vue-cli搭建項目模擬后台接口數據，webpack-dev-conf.js文件配置

webpack.dev.conf.js

首先第一步

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);

第二步，當前js下找到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
 })
 })
}


模擬后台數據請求