如何将 Nuxt 应用部署至 Heroku?

推荐先去了解下 在 Heroku 里部署 node.js 应用的文档

首先,我们需要告诉 Heroku 安装项目的开发依赖包 devDependencies (以便能在 Heroku 环境下运行 npm run build):

  1. heroku config:set NPM_CONFIG_PRODUCTION=false

同时,我们想让应用以 生产模式 运行,绑定的主机IP为 0.0.0.0

  1. heroku config:set HOST=0.0.0.0
  2. heroku config:set NODE_ENV=production

配置完毕后可以在 Heroku 管理后台看到以下内容 (设置界面):

nuxt 在 Heroku 的配置变量

然后,通过在 package.json 里面添加 heroku-postbuild 脚本让 Heroku 运行 npm run build 命令:

  1. "scripts": {
  2. "dev": "nuxt",
  3. "build": "nuxt build",
  4. "start": "nuxt start",
  5. "heroku-postbuild": "npm run build"
  6. }

最后,使用以下命令将应用源码推送至 Heroku:

  1. git push heroku master

嘿嘿!现在你的 nuxt.js 应用已成功部署至 Heroku!