本文介绍如何将 Nuxt.js 应用部署到函数计算。与传统的部署方法相比,您可以跳过购买机器等步骤,将传统的 Nuxt.js 应用一键部署至远端直接用于生产,并且拥有弹性伸缩、按量付费和免运维等特性。

背景信息

Nuxt.js 是一个基于 Vue.js 的通用应用框架。通过对客户端/服务端基础架构的抽象组织,主要关注的是应用的 UI 渲染。Nuxt.js 预设了利用 Vue.js 开发服务端渲染的应用所需要的各种配置,为客户端/服务端这种典型的应用架构模式提供了很多有用的特性,例如异步数据加载、中间件支持、布局支持等。

步骤一:准备环境

您无需安装 Docker,仅安装 Funcraft 即可,最简单的方式即直接下载可执行的二进制文件。

  1. 安装 Funcraft 到本机。详情请参见安装 Funcraft
  2. 执行 fun --version 检查安装是否成功。

步骤二:迁移应用

  1. 执行以下命令创建一个 Nuxt.js 项目。若已有 Nuxt.js 项目则跳过该步骤。
     npx create-nuxt-app <project-name>                        
  2. 执行以下命令进入刚创建的示例项目或您已有的项目。
    cd <project-name>
  3. 执行以下命令安装依赖。
    yarn install                    
  4. 执行以下命令运行本地项目。
    yarn dev            
    run_project
    运行效果如下。pre-view
  5. 执行以下命令编译 Nuxt.js 项目。
    yarn build           
  6. 执行 fun deploy -y 命令将项目部署至函数计算。

    Funcraft 会自动进入部署流程。

    deploy-app
    部署成功后,您可以在日志中看到函数计算为您生成的临时域名,通过这个临时域名您可直接访问刚部署的应用。temporary-domain
    说明 临时域名仅用作演示以及开发,具有时效性。如需用作生产,请绑定已经在阿里云备案的域名,详情请参见 绑定自定义域名