Lösen Sie das Problem inkonsistenter Front- und Back-End-Ports von Vue

Die Front- und Back-End-Ports von Vue sind inkonsistent

In der Konfigurationsdatei index.js

Importieren Sie einfach den folgenden Code

Proxy-Tabelle: {
'/api': {
target: 'http://localhost:3000', //Die zu erreichende Backend-Schnittstelle changeOrigin: true,
PfadNeu schreiben: {
'^/api': '/'
//Die Konfiguration hier ist ein regulärer Ausdruck. Der mit /api beginnende Ausdruck wird durch '/api' ersetzt. Wenn die Schnittstelle des Backend-Dokuments /api/list/xxx ist
// Die Front-End-API-Schnittstelle wird wie folgt geschrieben: axios.get('/api/list/xxx'), und der tatsächliche Zugriff nach der Verarbeitung lautet: http://news.baidu.com/api/list/xxx
}
}},

Die Portnummer beim Start des Vue-Servers ist jedes Mal anders

Gestern habe ich ein Projekt von einem Freund auf meinem Computer ausgeführt. Da er vue3.0 und ich vue2.5.2 verwendete, trat beim Ausführen seines Projekts eine Fehlermeldung auf. Möglicherweise handelt es sich um ein Versionsproblem. Ich folgte der Fehlermeldung, um das Plug-In herunterzuladen, und sein Projekt funktionierte. Aber seitdem stelle ich jedes Mal, wenn ich mein Projekt ausführe, fest, dass die Portnummer anders ist.

Lösung:

Laden Sie zuerst npm install portfinder@1.0.21 herunter

Abhängigkeiten neu installieren npm install

Starten Sie das Projekt neu: npm run dev

Das Obige ist meine persönliche Erfahrung. Ich hoffe, es kann Ihnen als Referenz dienen. Ich hoffe auch, dass Sie 123WORDPRESS.COM unterstützen werden.