这篇文章主要介绍了关于vue模拟后台数据的代码解析，有着一定的参考价值，现在分享给大家，有需要的朋友可以参考一下
在项目根目录存放json文件
在项目根目录创建一个server.js文件
var express = require("express");
var app = express();
var appData = require('./data.json');
var seller = appData.seller;
var goods = appData.goods;
var ratings = appData.ratings;
var apiRoutes = express.Router();
apiRoutes.get('/seller', function (req, res) {
res.json({
errno: 0,
data: seller
});
});
apiRoutes.get('/goods', function (req, res) {
res.json({
errno: 0,
data: goods
});
});
apiRoutes.get('/ratings', function (req, res) {
res.json({
errno: 0,
data: ratings
});
});
app.use('/api', apiRoutes);
app.listen(8081);
console.log("server run at port :8081");注意端口号不要冲突，以及json文件的路径
文件建完之后在命令框按照下图操作命令，在浏览器输入链接即可访问json数据
![3420732914-5b4c381bac2fd_articlex[1].png](https://img.php.cn//upload/image/306/366/229/1531795198187595.png "1531795198187595.png")
访问链接：
http://localhost:8080/
http://localhost:8081/api/*
立即学习“前端免费学习笔记（深入）”；
推荐chrome插件：
jsonview
vue-devtools
相关推荐：
