vue.js使用express模拟接口数据

第一步：找到 build - webpack.dev.conf.js
在const PORT = process.env.PORT && Number(process.env.PORT)后面加入以下配置：

/**
 * 使用express框架启动一个服务器
 */
const express = require('express')
const app = express() 					// 请求server
//1.读取数据
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(apiRoutes) {	//配置请求路由和响应
			apiRoutes.get('/api/seller', (req, res) => {
					res.json({
						errno: 0,		//错误码
						data: seller 	// 接口返回json数据
					});
				});
				apiRoutes.get('/api/goods', (req, res) => {
					res.json({
						errno: 0,
						data: goods 	// 接口返回json数据
					});
				});
				apiRoutes.get('/api/ratings', (req, res) => {
					res.json({
						errno: 0,
						data: ratings	 // 接口返回json数据
					});
				});
		}

配置完成后重新：npm run dev