Vue Cli Webpack Proxy

Question

Ich habe mit dem vue-cli und dem Webpack Template entwickelt. Alles funktioniert einwandfrei, aber ich habe einige Probleme mit einem benutzerdefinierten Host. Momentan hört Webpack localhost: 8080 (oder ähnlich) und möchte eine benutzerdefinierte Domain wie http://project.dev verwenden können. Hat jemand das herausgefunden?

Dies könnte sein, wo das Problem liegt: https://github.com/chimurai/http-proxy-middleware

ich dies auch für die proxyTable hinzugefügt: proxyTable: { 'localhost:8080' : 'http://host.dev' } und es gibt mir eine Konsole Antwort [HPM] Proxy Created/-> http://host.dev

Jede Beratung, Richtung oder einen Vorschlag wäre toll!

aktualisieren

ich erfolgreich einen Proxy zu meinem Webppack Projekt auf diese Weise hinzugefügt:

var mProxy = proxyMiddleware('/', { 
    target: 'http://something.dev', 
    changeOrigin: true, 
    logLevel: 'debug' 
}) 
app.use(mProxy) 

Dies scheint zu funktionieren, aber immer noch nicht auf Port 80

Console Log: [HPM] Proxy created:/-> http://something.dev

Ich kann davon ausgehen, dass der Proxy funktioniert! Aber meine Assets werden nicht geladen, wenn ich auf die URL zugreife.

Es ist wichtig zu beachten, dass ich es gewohnt bin, mit Mamp zu arbeiten - und seinen Port 80 zu verwenden. Also kann ich diesen Proxy nur ausführen, indem ich Mamp herunterfahre und den Port auf 80 setze. aber wenn ich die Seite mit der Proxy-URL neu zu laden - gibt es eine kleine Verzögerung, zu lösen versucht, und dann die Konsole gibt diese:

[HPM] GET/-> http://mmm-vue-ktest.dev 
[HPM] PROXY ERROR: ECONNRESET. something.dev -> http://something.dev/ 

und diese im Browser angezeigt: Error occured while trying to proxy to: mmm-vue-ktest.dev/

Answer 1

die Proxy-Tabelle dient zum Weiterleiten von Anfragen an einen anderen Server, beispielsweise einen Entwicklungs-API-Server.

Wenn der Webpack-Dev-Server unter dieser Adresse ausgeführt werden soll, müssen Sie ihn der hosts-Datei Ihres Betriebssystems hinzufügen. Vue oder wir packen das nicht, das ist die Aufgabe Ihres Betriebssystems.

Google wird einfache Anleitungen für jedes Betriebssystem haben.