NuxtJS应用迁移方案
更新时间:
创建应用
登录云开发平台,点击「免费云开发」,进入「快速开始」页面,点击「应用搬站」
选择「NodeJs」,选择「计算型」,点击下一步,填写完信息之后,点击下一步,选择「计算服务」,开通项目所依赖的云服务,点击完成
应用创建完成后,点击「在线开发部署」,等待代码仓库完成初始化,自动进入 CloudIDE页面
上传文件
将存量 NuxtJS 应用直接拖拽到 CloudIDE 左侧文件列表的根目录
添加依赖
在 package.json 中,添加开发依赖
安装依赖
在 CloudIDE 的「终端」安装 npm 依赖
npm i
配置应用入口
将 serverless_config_common_framework.js 重命名为 serverless_config.js
打开重命名后的 serverless_config.js,配置框架类型和应用入口文件
测试
在 CloudIDE 「终端」先执行 npm run build
再点击 CloudIDE 左侧「WB」插件,打开「测试」面板,勾选「预览模式」,点击「测试」即可查看效果
部署
打开 server.js,将 NuxtJS 应用环境配置为非 dev 环境(部署到FC环境后,只对 /tmp 目录拥有写权限,而nuxtjs在dev模式会在当前目录写导致程序运行失败,可通过在FC环境注入环境变量通过其判断)
测试无误需要部署的话,点击 CloudIDE 左侧「WB」插件,打开「部署」面板,选择部署环境,点击部署,部署成功后即可通过测试域名查看线上效果
文档内容是否对您有帮助?