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

Question

在工作中，我对nuxtjs开发有了一些了解，并且对它产生了浓厚的兴趣。所以，我开始自己开发一点点，但现在，我被完成的项目困住了。

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

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

我绝对是这个部门的菜鸟。任何人都可以一步一步地教我必须做什么才能“投入生产”吗？

首先十分感谢！

最大限度

当然，“npm run dev”不是生产环境的可行选择。它只能从运行服务器的机器上访问。

原文由 Max Croon 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

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

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-

原文由 Andriy Kuba 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 2

这个问题没有唯一的答案，主要变量是，你部署的是静态应用程序还是通用 (ssr) 应用程序，以及你想在哪里托管它。

正如评论和其他答案中所建议的那样，静态应用程序非常简单，但您可能有一个 SSR 应用程序并且需要部署它。

该 文档 包含有关部署到一系列托管服务提供商的详细信息以及有关使用 nginx 的一些信息。

有一个部署到数字海洋的 教程。

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

因此，您应该检查您的托管选项并选择一个，尝试按照 nuxt 文档进行部署，如果您遇到困难，请在此处提出另一个问题并提供详细信息。

原文由 Andrew1325 发布，翻译遵循 CC BY-SA 4.0 许可协议