如何将SSR的NuxtJs应用部署到一个主机上?

6

我来自SPA / React领域,正在制作我的第一个Nuxtjs SSR应用程序。

当我运行npm run build时,我期望会创建一些构件,可以将它们复制到我的生产环境中,然后在服务器上使用node运行。 当我运行npm run build时,在dist文件夹中没有得到任何东西,但是在./nuxt/dist中有两个文件夹,即server和client。

我完全不知道如何从那里继续。 所有在线帮助似乎都是针对非生产版本的,其中整个开发文件夹都存在以运行nuxt start。

我该如何进行生产部署并使用node在服务器上运行它?

2个回答

1

有几种发布nuxt的方式:

所以,对于SPA部署,您必须执行以下操作: 在nuxt.config.js中更改模式为spa。 运行npm run build。 将创建的dist/文件夹部署到您的静态托管服务(如Surge、GitHub Pages或nginx)。

但我认为你使用通用模式(SSR),因此在这种模式下最好在服务器上安装npm或yarn,并在生产服务器上运行此命令。

nuxt build
nuxt start

如果您想复制dist文件夹,请将项目模式更改为SPA,具体操作在nuxt.config.js中进行。
如需了解更多信息,请阅读本文。 如何将SSR NuxtJs应用程序部署到主机?

我正在尝试以SSR(服务器端渲染)模式运行它,在使用nuxt start之前,我需要复制整个文件夹吗?不是一个编译的分发版本?./nuxt/dist文件夹有两个子文件夹:client和server。应该将两者都复制到服务器上,还是将生成的index.ssr.html重命名为index.html作为主HTML文件。谢谢! - nova
因为在服务器端渲染中,您需要使用Node(yarn或npm)在服务器上运行项目,所以您不能复制文件夹,您应该使用nuxt命令在服务器上运行项目。 - soroush

0

我的答案问题相同。在那里,您将找到必要的配置,因此我不想在此处复制答案,因为由于可能的更新,将所有内容保留在一个地方更好。


网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接