如何将Nuxt.js应用部署至函数计算-阿里云帮助中心

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

前提条件

您已完成以下操作：

安装Funcraft。更多信息，请参见安装Funcraft。
配置Funcraft。更多信息，请参见配置Funcraft。

注意

本文介绍的如何使用Funcraft迁移传统框架的相关内容，后期将不再维护，建议您使用Serverless Devs迁移相关框架到函数计算。关于如何将函数计算的相关资源从Funcraft迁移到Serverless Devs进行管理的详细操作，请参见从Funcraft迁移到Serverless Devs。

关于如何使用Serverless Devs迁移Web框架的详细操作，请参见使用Serverless Devs迁移Web框架。

由此带来的不便，敬请谅解！

背景信息

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

操作步骤

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

说明若出现无法添加template.yml文件的问题，请更新Funcraft到最新版本。

部署成功后，您可以在日志中看到函数计算为您生成的临时域名，通过这个临时域名您可直接访问刚部署的应用。

说明临时域名仅用作演示以及开发，具有时效性。如需用作生产，请绑定已经在阿里云备案的域名。详细信息，请参见绑定自定义域名。