NuxtJS应用迁移方案

更新时间:

创建应用

  • 登录云开发平台,点击「免费云开发」,进入「快速开始」页面,点击「应用搬站」

image.png
  • 选择「NodeJs」,选择「计算型」,点击下一步,填写完信息之后,点击下一步,选择「计算服务」,开通项目所依赖的云服务,点击完成

  • 应用创建完成后,点击「在线开发部署」,等待代码仓库完成初始化,自动进入 CloudIDE页面

上传文件

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

添加依赖

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

安装依赖

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

    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」插件,打开「部署」面板,选择部署环境,点击部署,部署成功后即可通过测试域名查看线上效果