nuxtjs最简单的部署方式

前提

nuxtjs 依赖于 nodejs 环境，不管是本地开发还是线上服务，都是 nodejs 环境，自行找度娘【nodejs服务器部署】

流程

• 配置 Host + Port
• 压缩发布包
• 把发布包传到服务端
• 解压
• 安装依赖
• 启动服务

配置

nuxt.config.js

{
	server: {
		host: '0.0.0.0', // 修改成这个就可以适配所有网卡了
		port: 3000 // 这里修改端口
	}
}

上传

1. 选中 .nuxt static nuxt.config.js package.json package-lock.json 文件
   上传 package.json package-lock.json 是因为在服务端要安装第三方包
   上传 nuxt.config.js 配置文件是要给服务端的 nuxt 服务使用的
   上传 static 是因为它是咱们项目的静态资源文件，
   上传 .nuxt 是因为它是 nuxt 打包生成的资源文件
   这就是我们要上传到服务器的资源
   
2. 压缩刚才选中的文件为一个压缩包
3. 连接自己的服务器
4. 创建一个项目存放目录
5. 把本地压缩包上传到刚才创建的目录
6. 解压出来
7. 安装依赖(同本地一样 npm install)
8. 运行 npm run start 启动服务
   
9. 访问
   这里访问不是说直接使用启动的 IP+端口号，而是应该用你的服务器的公网IP+端口号来访问，例如我这里的：
   
   这样就算部署成功了

使用 pm2 启动 Node 服务

安装 npm install --global pm2
启动：pm2 start 脚本路径
注意：我们这里的 nuxtjs 服务启动使用的是 npm 指令，这里可以变一下，这样启动 pm2 start npm -- start

关闭：pm2 stop ID 即可

pm2 常用命令

我这里在项目根目录新建了一个 pm2.config.json 配置文件：

启动的时候直接 pm2 reload pm2.config.json 就可以了，这里是想做自动化部署用的，不做过多讲解了