Wie stelle ich eine Vue-Anwendung und eine Node-Backend-Serveranwendung auf Nginx bereit?

Wie stelle ich eine Vue-Anwendung und eine Node-Backend-Serveranwendung auf Nginx bereit?

Ich habe eine Vue-Frontend-Anwendung, die ich erstellt habe und die index.html und den dist-Ordner generiert, der alle Bundles enthält. Darüber hinaus habe ich eine weitere Express-Basisknotenanwendung entwickelt, die Restful-Dienste für die oben erwähnte Frontend-App bereitstellt. Ich habe Linode Ubuntu 17.10 VPS, auf dem ich nginx installiert habe. Ich möchte keinen Apache-Webserver verwenden.

Kann ich die Vue-Anwendung direkt nach /var/www/ kopieren, sodass sie in ihrer Standardkonfiguration unter Nginx ausgeführt wird?

Für die Node-Backend-App beabsichtige ich, PM2 zu verwenden, das die laufende Node-Backend-App auf derselben Linode-VPS-Instanz mit Nginx verwaltet/überwacht. Idealerweise möchte ich, dass nur die Vue-App die API für diese Backend-Node-App aufrufen kann. Ich meine, diese API sollte nicht öffentlich zugänglich sein und ich habe keine Ahnung, wie ich das erreichen soll.

Was ist die beste Möglichkeit, diese beiden Apps im oben beschriebenen Szenario produktionsreif bereitzustellen?

Der Vue-Frontend-Produktionsbuild ähnelt React- oder Angular-Apps, daher sollte die Antwort auch für diese gelten, wenn alles andere gleich ist.

verwandte Informationen