So verwenden Sie Scheindaten im Vue-Cli-Projekt

In diesem Artikel wird hauptsächlich die Verwendung von Scheindaten im Vue-Cli-Projekt vorgestellt. Der Inhalt ist ziemlich gut. Ich werde ihn jetzt mit Ihnen teilen und als Referenz verwenden.

Im Vue-Projekt können Scheindaten das Express-Modul des Knotens verwenden, um Dienste zu erstellen

1. Erstellen Sie ein Testverzeichnis im Stammverzeichnis, um simulierte JSON-Daten zu speichern data data.json-Datei

2. Nehmen Sie die folgenden Änderungen an der dev-server.js-Datei im Build-Verzeichnis vor

var appData = require('../test/data.json')
// 获取数据
var apiRoutes = express.Router();

//get请求
apiRoutes.get('/seller',function(req,res){
 res.send({
  appData
 });
});

app.use('/api',apiRoutes);

3. Stellen Sie eine Anfrage in .vue und Sie können die data.json-Daten erfolgreich abrufen. Als nächstes verwenden Sie axios, um die Anfrage zu stellen

axios.get('/api/seller',{
     params: {
      ID: 12345
     }
   })
    .then(function (response) {
     console.log(response);
    })
    .catch(function (error) {
     console.log(error);
    });

Die Anfrage ist erfolgreich und die Daten werden abgerufen

4. Wenn Sie eine Post-Anfrage stellen möchten, müssen Sie entsprechende Änderungen am Dev-Server vornehmen. js-Datei

apiRoutes.post('/seller',function(req,res){
 res.send({
  appData
 });
});

Auf diese Weise können Sie Ajax-Anfragen im Vue-Projekt simulieren

Das Obige ist der gesamte Inhalt dieses Artikels. Ich hoffe, dass es für alle beim Lernen hilfreich ist. Weitere verwandte Inhalte. Bitte beachten Sie die chinesische PHP-Website!

Verwandte Empfehlungen:

vue-Projektoptimierungsmethode durch Keep-Alive-Daten-Caching

vue.extend Alert Modal Box Pop -up-Komponente

Das obige ist der detaillierte Inhalt vonSo verwenden Sie Scheindaten im Vue-Cli-Projekt. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!