Vue シミュレーションのバックグラウンド データのコード分析

この記事では、vue シミュレーションのバックグラウンド データのコード分析を主に紹介します。これには、必要な友人が参照できるようにします。

1. json ファイルをプロジェクトのルート ディレクトリに保存します。

   プロジェクトのルートディレクトリにserver.jsファイルを作成します

2. 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 中国語 Web サイトの他の関連記事を参照してください。