全部产品

NuxtJS应用迁移方案

更新时间:2020-09-14 15:44:52

创建应用

  • 登录阿里云Serverless云开发平台,进入应用列表,点击「创建新应用」,选择「技术场景」,勾选「WEB」,在「解决方案」中,选择「NodeJS存量应用迁移方案」,点击下一步,按照提示完成应用的创建
  • 应用创建完成后,等待代码仓库完成初始化,代码仓库初始化完成后,可以看到「开发部署」入口,点击打开 CloudIDE

上传文件

  • 将存量 NuxtJS 应用直接拖拽到 CloudIDE 左侧文件列表的根目录1

添加依赖

  • 在 package.json 中,添加开发依赖2

安装依赖

  • 在 CloudIDE 的「终端」安装 npm 依赖
    1. npm i

配置应用入口

  • 将 serverless_config_common_framework.js 重命名为 serverless_config.js
  • 打开重命名后的 serverless_config.js,配置框架类型和应用入口文件3

测试

  • 在 CloudIDE 「终端」先执行 npm run build
  • 再点击 CloudIDE 左侧「WB」插件,打开「测试」面板,勾选「预览模式」,点击「测试」即可查看效果4

部署

  • 打开 server.js,将 NuxtJS 应用环境配置为非 dev 环境(部署到FC环境后,只对 /tmp 目录拥有写权限,而nuxtjs在dev模式会在当前目录写导致程序运行失败,可通过在FC环境注入环境变量通过其判断)56
  • 测试无误需要部署的话,点击 CloudIDE 左侧「WB」插件,打开「部署」面板,选择部署环境,点击部署,部署成功后即可通过测试域名查看线上效果