加载中...

Part3-3-4 Nuxt.js 打包 发布 部署

Part3-3-4 Nuxt.js 打包 发布 部署

https://zh.nuxtjs.org/docs/2.x/get-started/commands

New Image

New Image

New Image

package.json

  1. "scripts": {
  2. "dev": "nuxt",
  3. "build": "nuxt build",
  4. "start": "nuxt start",
  5. "generate": "nuxt generate"
  6. },

执行 npm run build  打包

打包完成后,执行 npm run start  启动项目

最简单的部署方式

配置 Host + Port

压缩发布包

把发布包传到服务端

解压

安装依赖

启动服务

压缩发布包

New Image

New Image

连接服务器 

New Image

New Image

New Image

New Image

使用PM2启动Node服务

New Image

New Image

New Image

 New Image

自动化部署

New Image

New Image

使用 GitHub Actions 进行部署

配置 GitHub Access Token

生成:https://github.com/settings/tokens

配置到项目的 Secrets 中:https://github.com/lipengzhou/real-world-nuxtjs/settings/secrets

New Image

 

1