目录
当前位置: 首页 > 文档资料 > Nuxt.js 中文文档 >

Netlify 部署

优质
小牛编辑
133浏览
2023-12-01

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

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

入门

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

配置:

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

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

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

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

最后更新:

类似资料

  • 我们终于准备好向全世界展示我们的应用程序了。是时候要部署。这个过程可能是痛苦的因为有许多琐碎的事情要去做。当涉及到生产环境的搭建以及服务器的配置方案,这是有很多的选择需要做出。在本章中,我们会讨论一些重要的部分以及一些我们可能会用到的选项(关于主机或者服务器的搭建方式等等)。 主机 首先我们需要一台服务器。现在有成千上万的服务器供应商,但是我个人建议的有三家。我不打算在这里介绍如何开始使用它们的细

  • 默认方案 umi@2 默认对新手友好,所以默认不做按需加载处理,umi build 后输出 index.html、umi.js 和 umi.css 三个文件。 不输出 html 文件 某些场景 html 文件交给后端输出,前端构建并不需要输出 html 文件,可配置环境变量 HTML=none 实现。 $ HTML=none umi build 部署 html 到非根目录 经常有同学问这个问题:

  • 3.6 部署 本节介绍如何部署Nginx配置文件。 3.6.1 Nginx配置文件组成方式 我们是这样管理Nginx文件的: 在Nginx服务器上,nginx/conf目录下,建立了一个phoenix-slb目录。该目录下存放着由Camel管理的站点配置文件。 每个站点对应着一个单独的文件夹,文件夹下有一个server.conf,存放着本站点的配置。 假设有两个站点a.liyang.com,b

  • 上面的课程我们已经完成了测试和3个API接口的开发,现在我们来完成部署我们的应用。 首先在项目根目录新建一个docker-compose-prod.yml的文件,将docker-compose.yml文件的内容全部拷贝过来,然后去掉users-service下面的volumes,因为这是我们在开发阶段便于调试,将代码挂载到容器中的,生产环境就需要这样做了,然后就是需要将环境变量更改成生产环境的配置

  • 目前為止,我們所有的工作都是在自己的電腦完成,你也可以在自己的電腦上看到成果。但是,如果我們想要讓其他人隨時瀏覽這個網站,就必須將它部署(deploy)到穩定的伺服器上。 我們選擇 PythonAnywhere 作為範例。它對於 Python 的支援性相當好,免費帳號也足夠經營一個小型網站。 部署準備 為了將你的程式碼上傳到雲端,我們要先將整個專案打包成一個壓縮檔。在 djangogirls 專案

  • 在应用 san build [entry] --remote <remote-name> 时,使用的就是此远程部署解决方案,支持从项目本地将生产环境编译产出直接远程部署到目标开发机。 使用时,需要进行相应的 环境配置 以及 参数配置,下面具体说明如何配置。 环境配置 remote-name 为一组开发机配置项集合的名称,开发配置项需要在 .env.production 文件中进行配置,具体写法方式