Lösung für eine lokale 404-Anfrage mit Axios + Express unter Vue 2.5.2

Jetzt werde ich Ihnen eine Lösung für Axios + Express Local Request 404 unter Vue 2.5.2 vorstellen. Sie hat einen guten Referenzwert und ich hoffe, dass sie für alle hilfreich ist.

Ich habe kürzlich Vue gelernt und heute versucht, Axios zu verwenden, um lokale Netzwerkanforderungen zu simulieren. Während der Verwendung stellte ich fest, dass die Schnittstellenanforderung weiterhin 404 erhielt. Später stellte ich fest, dass die Schnittstellenanforderung im neuesten von Vue-cli erstellten Projekt so geschrieben werden sollte.

1. Verwandte Abhängigkeiten einführen

var axios = require('axios')
const express = require('express');
var app = express();
var apiRoutes = express.Router();
app.use('/api', apiRoutes);

2. Netzwerkanfragen verarbeiten

Im vorherigen Projekt haben wir den Schnittstellenzugriff in dev-server.js wie folgt gehandhabt

apiRoutes.get('/getList', function (req, res) {
 //处理网络请求

})

Jetzt verfügt das standardmäßig erstellte Projekt nicht über eine dev-server.js-Datei, und dann können wir Webpack verwenden . Fügen Sie ur zu dev.conf.js hinzu.

before(app) {
  app.get('/api/getList', function(req, res) {
  //处理网络请求
  });
 },

3. Neu kompilieren

npm run dev

Zu diesem Zeitpunkt läuft das Projekt und auf die Schnittstelle kann normal zugegriffen werden.

Ich habe das Obige für Sie zusammengestellt und hoffe, dass es Ihnen in Zukunft hilfreich sein wird.

Verwandte Artikel:

Methode der domänenübergreifenden Anfrage über jQuery+JSONP (ausführliches Tutorial)

Durch Vue2.0 implementieren Sie http Anforderungs- und Ladeanzeige

Erklären Sie den Unterschied zwischen Methode und Berechnung in Vue ausführlich (ausführliches Tutorial)

Das obige ist der detaillierte Inhalt vonLösung für eine lokale 404-Anfrage mit Axios + Express unter Vue 2.5.2. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!