当前位置: 代码迷 >> JavaScript >> 如何在共享主机上部署 NuxtJS 项目?
  详细解决方案

如何在共享主机上部署 NuxtJS 项目?

热度:121   发布时间:2023-06-05 16:27:38.0

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

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

npm run build

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

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

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

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

部署 nuxt 应用程序可能会涉及一些问题,特别是如果您使用的是 rest api,那么如果您希望添加 ssl 证书,但有文档可以做到这一点,则更是如此。

综上所述,如果您奇迹般地找到了一种成功部署到共享主机的方法,请告诉我,我可以清除我愚蠢地支付了几年但不使用的我的 Godaddy 帐户。