项目部署

部署方式

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

手动部署
1、配置 Host + Port

// nuxt.config.js
// 设置运行服务环境相关配置
server: {
   host: '0.0.0.0',
   port: 3000 // 端口号
 },

// package.json
{
  "name": "realworld-nuxtjs",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "dev": "nuxt",
    "build": "nuxt build",
    "start": "nuxt start"
  },
  "keywords": [],
  "author": "",
  "license": "ISC",
  "dependencies": {
    "cookieparser": "^0.1.0",
    "dayjs": "^1.10.4",
    "js-cookie": "^2.2.1",
    "markdown-it": "^12.0.4",
    "nuxt": "^2.15.3"
  },
  "devDependencies": {
    "axios": "^0.21.1"
  }
}

2、压缩发布包
对以下文件进行压缩

3、把发布包传送到服务器
a、先连接服务器 ssh root@xxx.xx.190.12, xxx.xx.190.12为服务器外网IP地址
b、创建目录 mkdir realworld-nuxtjs
c、cd mkdir realworld-nuxtjs
d、查看当前目录路径：pwd => /root/realworld-nuxtjs
e、退出服务器：exit
f、将压缩好的包上传服务器：scp .\nuxtjs.zip root@xxx.xx.190.12:/root/realworld-nuxtjs，nuxtjs.zip为包名，:/root/realworld-nuxtjs 为上传路径
新服务器是没有安装npm、node，需要手动安装：yum install -y nodejs
4、重新登录服务器，将文件解压：unzip nuxtjs.zip
5、安装依赖：npm install，在安装依赖的时候可能报错，报错原因是需要安装npm、node等

6、在服务器上运行命令：npm run start,在浏览器使用公网ip访问网页

自动部署
这几个工具的作用都是做持续集成或者说自动部署的，以下使用GitHub Actions为例