• 如何将 Nuxt 应用部署至 Heroku？

    如何将 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使用 Procfile (命名文件Procfile，没有文件扩展名)，指定 apps dynos 执行的命令。 启动 Procfile 会非常简单，并且需要包含以下行：

    1. web: npm run start

    这将指示运行npm run start命令并告诉heroku将外部HTTP流量引导到它。

    最后，我们可以在Heroku上推送应用程序：

    1. git push heroku master

    要将非主分支部署到Heroku，请使用：

    1. git push heroku develop:master

    其中develop是你的分支的名称。

    您的Nuxt.js应用程序现在托管在Heroku上！