如何将完成的nuxt.js应用程序部署到Web服务器？

Question

在工作中，我对nuxtjs开发有一些了解，并对它非常感兴趣。因此，我开始自己进行一些开发，但是现在，我坚持完成的项目。

为了进行开发，我在CLI中使用“ npm run dev”启动了本地服务器。这一切都很好。

但是，如何在家庭服务器上部署我现在完成的项目，以使其在类似nginx的环境中运行（或者在Windows Server环境中运行更好的替代方法）？我听说在CLI中有“ npm run build”的信息，但是除此之外的程序又如何呢？该命令甚至是正确的方法吗？

我绝对是这个部门的菜鸟。有人可以教我逐步进行“生产”该做什么吗？

非常感谢！

最大

当然，“ npm run dev”对于生产而言不是可行的选择。只能从运行服务器的计算机上对其进行访问。

Answer 1

我写了一篇详细的文章如何在服务器上测试和部署 Nuxt 应用程序。 你可以在这里阅读它： https://medium.com/js-dojo/how-to-deploy-nuxt-application-to-server-production-mode-on-db67633421fd?source=friends_link&sk=32e2893ad759748e88cdaf7ecbf0b250

Answer 2

最简单的方法-您需要生成所有内容：

1. 运行npm run generate。
2. 转到项目的dist子文件夹，然后将所有内容从其中复制到某些公共托管，例如GitHub Pages。

尽管如果某些内容取决于用户，则需要将其部署为SPA：

1. 将mode中的nuxt.config.js更改为spa。
2. 运行npm run build。
3. 将创建的dist/文件夹部署到Surge，GitHub Pages或nginx等静态主机。

更多详细信息：

https://nuxtjs.org/guide/commands#static-generated-deployment-pre-rendered-

https://nuxtjs.org/faq/github-pages#how-to-deploy-on-github-pages-

Answer 3

这个问题没有答案，主要的变量是，您要部署静态应用程序还是通用（ssr）应用程序，以及要将其托管在何处？

根据评论和其他答案的建议，静态应用程序非常简单，但是您可能有一个SSR应用程序，需要进行部署。

docs详细介绍了如何部署到一系列托管服务提供商，以及有关使用nginx的知识。

有tutorial可以部署到数字海洋。

某些托管服务提供商比其他托管服务提供商更容易，实际上提供托管CLI的托管提供商通常更容易。因此，Heroku和Now和Netlify都是不错的选择，但后两者仅适用于静态应用程序。文档说“ AWS裁员了1000张纸”，所以我想这并不容易。

因此，您应该检查一下托管选项，然后选择一个，尝试并遵循nuxt文档进行部署，如果遇到问题，请在此处询问具体的问题。