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

时间:2019-03-03 04:13:20

标签: javascript vue.js nuxt.js shared-hosting

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

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

npm run build

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

1 个答案:

答案 0 :(得分:0)

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

我获得了Shell访问权限并安装了节点,并传输了所有文件,然后先运行npm run build,然后运行npm start。所有这些都很好,然后遇到了如何将流量定向到nuxt应用程序的问题。在共享主机上,您使用.htaccess文件定向到index.php或index.html,但是您需要制定重写规则以定向到http://localhost:3000,您可以将其放入重写规则中,但是似乎阻止了正确的操作。该应用的功能。我可以看到该应用程序,但是它没有任何功能。路由无效,通过require('~/assets/images/...')发出的任何图像均未显示,并且完全不可行。

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

部署nuxt应用程序可能会涉及一些问题,尤其是在使用rest api的情况下,如果要添加ssl证书,但如果需要使用文档,则需要做更多的工作。

所有这一切,如果您奇迹般地找到了一种成功部署到共享主机的方法,请告诉我,并且我可以用我愚蠢的几年来一直花掉并且不使用的Godaddy帐户中的钱清除。

>