關於vue模擬後台資料的程式碼解析

這篇文章主要介紹了關於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");

注意連接埠號碼不要衝突，以及json檔案的路徑

檔案建完後在指令框依照下圖操作指令，在瀏覽器輸入連結即可存取json資料

##存取連結：

http://localhost:8080/
http://localhost:8081/api/*

推薦chrome外掛：

jsonview
vue-devtools

#相關推薦：

在vue專案中如何使用sweetalert2彈窗外掛

基於vue的行動web音樂播放器的實現

#

以上是關於vue模擬後台資料的程式碼解析的詳細內容。更多資訊請關注PHP中文網其他相關文章！