全部产品
云市场

迁移 Nuxt.js 到函数计算

更新时间:2020-03-24 14:39:54

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

背景信息

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

步骤一:环境准备

本文介绍的方法,不需要安装 Docker,仅仅安装 Fun 即可,最简单的方式就是直接下载可执行的二进制文件。

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

步骤二:迁移流程

  1. 创建一个 Nuxt.js 项目。

    1. npx create-nuxt-app <project-name>
  2. 进入到刚刚创建的示例项目中。
    1. cd <project-name>
  3. 安装依赖。
    1. yarn install
  4. 本地运行测试该示例。

    1. yarn dev

    效果如下。12

  5. 编译 Nuxt.js 项目。

    1. yarn build
  6. 部署项目到函数计算仅需要一个命令 fun deploy -y,Fun 会自动进入部署流程。34部署完成后,您可以根据部署成功的日志看到,函数计算为您生成了临时域名,您通过这个临时域名直接访问刚刚部署的应用。

    注意:临时域名仅仅用作演示以及开发,是有时效的,如果用作生产,请绑定已经阿里云备案的域名,可以参见 绑定自定义域名