Rumah > hujung hadapan web > tutorial js > 关于vue模拟后台数据的代码解析

关于vue模拟后台数据的代码解析

不言
Lepaskan: 2018-07-17 10:42:13
asal
1232 orang telah melayarinya

这篇文章主要介绍了关于vue模拟后台数据的代码解析,有着一定的参考价值,现在分享给大家,有需要的朋友可以参考一下

  1. 在项目根目录存放json文件

  2. 在项目根目录创建一个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");
Salin selepas log masuk

注意端口号不要冲突,以及json文件的路径

文件建完之后在命令框按照下图操作命令,在浏览器输入链接即可访问json数据

3420732914-5b4c381bac2fd_articlex[1].png

访问链接:
http://localhost:8080/
http://localhost:8081/api/*

推荐chrome插件:
jsonview
vue-devtools

相关推荐:

在vue项目中如何使用sweetalert2弹窗插件

基于vue的移动端web音乐播放器的实现

Atas ialah kandungan terperinci 关于vue模拟后台数据的代码解析. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel terbaru oleh pengarang
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan