该视频仅会员有权观看
立即开通课程「Nuxt.js 前端应用开发实践」权限。
- 在部署项目前需要做两项更改:删除
package.json
中的x image edge
依赖和在nx config
中删除module
的nx 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
运行应用,并为应用设置名称。
- 最后在浏览器刷新页面以查看应用是否运行正常。
下一节
用 Nginx 为 Nuxt 应用配置反向代理