javascript - 如何在共享主机上部署 NuxtJS 项目？

Question

我在本地开发了一个 NuxtJS 项目，并试图弄清楚如何将我的项目部署到共享托管服务提供商列表 Host Gator。

我想使用 NuxtJS 的服务器端渲染功能，所以我需要运行

npm run build

但是一旦我这样做了，我不确定将构建的项目部署到共享主机的正确步骤？

Answer 1

正如@AlexanderStaroselsky 所说，您将无法成功部署到共享主机，尽管这不是因为您不能运行节点，您可能可以，这是因为一旦部署就无法运行反向代理.我曾经愚蠢地尝试将 nuxt 应用程序部署到 Godaddy 共享主机，这完全是一场噩梦。

我获得了 shell 访问权限并安装了节点并传输了所有文件并运行了 npm run build 然后 npm start。所有这一切都很顺利，然后面临如何将流量引导到 nuxt 应用程序的问题。在共享主机上，您使用 .htaccess 文件指向 index.php 或 index.html，但您需要使重写规则指向 http://localhost:3000您可以将其放入重写规则中，但它似乎会阻止应用程序的正确运行。我能够让该应用程序可见，但它没有任何功能。路由不起作用，通过 require('~/assets/images/...') 获取的任何图像都没有显示，这完全不可行。

您需要能够安装 nginx 来设置反向代理，而共享主机从不为您提供安装它的 root 权限。您需要的是一个云托管提供商，它为您提供一个具有完全根权限的虚拟服务器，以安装 nginx、节点和您可能需要的任何其他软件包。那里有很多价格实惠(可能比共享主机更实惠)且易于使用的产品，例如 digitalocean、aws、google cloud、upcloud 等等。

部署 nuxt 应用程序可能涉及一些内容，特别是如果您使用的是 rest api，如果您希望添加 ssl 证书，则更多，但有文档可以做到这一点。

总而言之，如果您奇迹般地找到了成功部署到共享主机的方法，请告诉我，我可以清空我愚蠢地支付了数年但未使用的 godaddy 帐户。