logo

该视频仅会员有权观看

立即开通课程「Nuxt.js 前端应用开发实践」权限。

¥
199
/ 年

在自有服务器部署 Nuxt 应用(实施)

  • 在部署项目前需要做两项更改:删除package.json中的x image edge依赖和在nx config中删除modulenx image edge配置。
  • 使用git push --all将代码推送到远程仓库。
  • 通过SSH登录远程服务器,进入到想要存放项目的目录,执行git clone将项目克隆到服务器。
  • 进入项目目录,确认要部署的分支后,执行npm install来安装依赖,然后运行npm run build编译项目。
  • 更改默认端口3000为3006来避免端口冲突,设置环境变量NATURAL_PORT=3006
  • 运行output/server下的index.js,在浏览器测试访问,确保安全组允许3006端口的访问。
  • 安装pm2全局进行Node进程管理,设置NATURAL_PORT=3006变量,使用pm2 start运行应用,并为应用设置名称。
  • 最后在浏览器刷新页面以查看应用是否运行正常。