Ich möchte meine App außerhalb von Knoten JS hosten, aber ich möchte .vue-Dateien und mögliche npm als Build-System verwenden (wenn es benötigt wird). Ist es möglich zu tun?
Ich brauche keine Rückwärtskompatibilität und wenn es am neuesten Chrome-Entwickler funktioniert, ist es in Ordnung für mich.
Gibt es Beispiele dafür, wie es gemacht werden kann?
Ich habe versucht, eine Webpack-Vorlage zu erstellen, aber es funktioniert nur innerhalb von NodeJS. Auf anderen Servern erhalte ich 404, wenn ich auf URLs zugreife, die in .vue -Dateien abgelegt wurden. Es scheint, dass sie vom anderen Server nicht verarbeitet werden können.
NodeJs verwenden nur zum Erstellen einer * .js Datei im Front-End, Ihre WebApp muss nicht auf Nodejs laufen.
1, Sie können eine index.html-Datei erstellen, die eine * .js-Datei benötigt, wenn das Webpack sie erstellt hat.
2, Verwenden Sie Chrome, um Ihre index.html-Datei zu öffnen, damit sie funktioniert.
Sie müssen nicht vue-cli oder einen anderen Server verwenden, wenn Sie nur eine statische Seite wünschen.
Aber Sie müssen wissen, wie Sie Ihre Datei webpack.config.js einstellen. Sie können dieses Dokument Ссылка
Ihr Startpunkt ist falsch. Vue + node.js kann eine vollständige Site erstellen. Vue ist das Front-End-Framework, die Serversprache des Knotens. Die beiden können in Kombination verwendet werden. Aber nicht vue muss sich auf den Knoten verlassen. Die beiden können perfekt sein, um die Vorder- und Rückseite des Entwicklungsmodells zu erreichen.
In Projekten, die vue verwenden, wird empfohlen, webpack und vue-loader nicht separat zu konfigurieren. Sie können direkt das vue offizielle Gerüst, vue-cli, verwenden. Sie müssen diese Konfigurationen nicht automatisch konfigurieren.
Wenn Sie gerade angefangen haben, Vue zu lernen, hier ist eine Demo für Einsteiger. Obwohl es nur eine kleine Anwendung ist, deckt es viele Wissenspunkte ab (vue2.0 + vue-cli + vue-router + vuex + axios + mysql + express + pm2 + webpack), einschließlich Front-End, Back-End , Datenbank und andere Seiten Einige der notwendigen Elemente, für mich, lernen große Bedeutung, möchten sich gegenseitig ermutigen!
Es stimmt, dass vue statische HTML-Seiten erstellt, wenn Sie das Build-Skript ausführen. Allerdings müssen Sie die Dateien von einem kleinen Server aus bereitstellen, damit die Site funktioniert. Wenn Sie feststellen, dass das Terminal npm run build ausführt, wird das Terminal eine Nachricht drucken ...
Sie können einen einfachen http-Server in Ihrem /dist -Verzeichnis mit express erstellen und dann Ihre Seite irgendwo wie Heroku hosten.
Sehen Sie sich diesen Artikel an Ссылка
TLDR;
Schreiben Sie einen super einfachen Express-Server
%Vor% Fügen Sie ein postinstall Skript in einer package.json innerhalb von /dist
schiebe nur deinen /dist -Ordner nach dem Kompilieren deiner Site zu heroku.
Beweis: Ich habe diese Schritte ausgeführt, um mein vue.js-Projekt zu hosten
Der beste Weg, die Vue-App zu entwickeln, ist der Run-Dev-Server, und schließlich sollten Sie nur statische Assets erstellen. Sie brauchen keine vuex-Dateien zu verwenden, noch besser ist die Verwendung einer statischen Vorlage, da Sie sie leicht in ein beliebiges Back-End (WordPress oder was auch immer) integrieren können. Hilfreich ist, einige Starter zu benutzen, zB. Vue.js-Starter