如何将 Nuxt.js 部署至 Netlify?

部署到 Netlify 是一个低成本选项,可以快速在线获取 statically generated 的Nuxt.js网站。

该过程的核心在部署期间利用 nuxt generate 命令将Nuxt.js应用程序的静态版本构建到 dist 目录中。 然后将此目录的内容部署到生产URL。

入门

按 Netlify 仪表板上的 "New site from Git" 按钮。使用存储库主机进行身份验证,选择要部署的存储库,然后继续。你应该执行第3步:"Build options, and deploy!"

配置:

  • Branch to deploy: master, 或者你喜欢哪个分支
  • Build command: npm run generate
  • Publish directory: dist

或者,您可以通过 "Advanced" 按钮添加其他ENV变量。 这些有助于交换替代API凭据等。 Netlify还提供了默认ENV变量,您可以在构建时由Nuxt.js应用程序读取。

单击 "Deploy site" 来立即触发部署。 您的Netlify站点将被分配一个随机URL并使用nuxt generate命令进行部署。

现在,您的Nuxt.js应用程序现在托管在Netlify上!