如何在Dokku上部署Nuxt.js应用程序?

我们建议阅读Dokku文档的设置使用Dokku部署Node.js应用程序

例如,我们将调用我们的Nuxt.js应用程序my-nuxt-app

我们需要告诉Dokku安装项目的devDependencies(能够启动npm run build):

  1. // on Dokku Server
  2. dokku config:set my-nuxt-app NPM_CONFIG_PRODUCTION=false

此外,我们希望我们的应用程序监听主机0.0.0.0并在生产模式下运行:

  1. // on Dokku Server
  2. dokku config:set my-nuxt-app HOST=0.0.0.0 NODE_ENV=production

当你输入dokku config my-nuxt-app时,你会看到这3行

nuxt config vars Dokku

然后,我们告诉 Dokku 通过我们的项目app.json中的scripts.dokku.predeploy脚本启动npm run build

在我们的项目根文件夹中创建一个文件名app.json

  1. {
  2. "scripts": {
  3. "dokku": {
  4. "predeploy": "npm run build"
  5. }
  6. }
  7. }

要启动应用程序,我们使用Procfile运行npm run start :

  1. web: npm run start

最后,我们可以在Dokku上推送我们的应用:

  1. // commit your change before push.
  2. git remote add dokku dokku@yourServer:my-nuxt-app
  3. git push dokku master

瞧! 我们的Nuxt.js应用程序现在托管在Dokku上!