如何部署 Vuejs 应用程序

Question

我的应用程序有两个独立的部分， Java后端（Spring boot）和Vuejs前端。我可以简单地在需要的地方部署后端代码的JAR ，这就是部署。但是当涉及到部署Vuejs应用程序时，我可以做类似的事情，只需将编译后的Vuejs应用程序放在Java Spring boot应用程序中的正确路径中，这对于前端来说也是如此。在我看来，将该应用程序放入Spring boot中似乎是不对的，因为除了部署之外，它实际上不需要做任何事情（也许我对 Jon Snow 一无所知）。此外，当它置于Spring 引导应用程序下时，手动 URL 编辑不起作用。这个应用程序本身不做任何事情，它从后端应用程序获取所有数据。那么我在这里有什么选择，有人可以指导我正确的方向吗？我是否只设置一个nodejs服务器并在其中部署Vuejs应用程序？我不确定它是如何工作的，或者我是否应该为生产应用程序这样做。如果是这样，我从哪里开始设置nodejs？

Answer 1

将它与 spring 一起部署是有意义的，并且这是非常常见的做法，至少从我使用 Angular 的经验来看（我认为它与 VueJS 非常相似）。您不需要运行 2 个服务器。您只需让 Spring 服务器处理您的 HTML/js/CSS 文件，这有助于您避免 CORS 的任何问题。

我不太确定“URL 手动编辑”是什么意思，您的意思是通过编辑 URL 来导航网页吗？老实说，我没有看到太多用例，我猜这只是一些设置的问题。

在gradle中-我会设置一个构建任务（不确定任务是否正确，2个build.gradle文件，每个文件用于FE / BE，BE将取决于FE），FE将在BE运行时运行，它创建静态 HTML/js（在我的例子中来自 Angular，但它应该与 Vue 类似），BE 任务将输出添加到 java 应用程序的类路径，以便 Spring 可以注册 HTML 并将其提供给您。

Answer 2

您可以使用Docker创建 Vue.js 应用程序的 Docker 化版本，然后可以将其部署到 AWS（例如 EC2）等云服务提供商上。

Answer 3

我的做法是前端和后端分开部署。

您可以使用 web-server 将请求代理到 Vuejs 或 Spring boot。

例如，如果你使用Nginx，你可以使用这个配置来传递请求

# pass root request to index file

location / {

    root /front_files/;

    index /index.html;

}

# pass requests to static files

location ~ ^/(js|styles) {

    root /front_files/;

}

# pass requests to back-end

location /api/ {

    proxy_pass http://127.0.0.1:8080/;

}