Web 前端项目与 Node 后端部署 Linux 服务器基本流程

Linux 项目部署

购买云服务器

…

配置云服务器

查看云服务器中是否存在 dnf 工具: **通过 dnf 在服务器系统中（CentOS）下载对应的应用等 < dnf 是 Yum 的下一个版本，也是 Yum 的替代品>**

• # tip: 需先买好云服务器后，可通过云服务器实例中直接进行远程连接，或使用 vscode 进行远程连接（在比笔记最下方） -- 进入对应 linux 控制台后，我们就可以开始搭建我们的服务器环境了
  
  # 检查 dnf 是否可用 <在 CentOS8 之后的系统默认有 dnf，如果系统非 CentOS8.0 以上的需要手动安装对应的 dnf>
  dnf --help 
  
  # 安装 dnf，需要先安装并启动 epel-release 依赖
  yum install epel-release
  
  # 安装 dnf
  yum install dnf
  
  dnf --version # 查看是否安装成功
  

Nginx 的安装与配置（Nginx 服务的默认端口为：80）

• 1. 安装 Nginx：dnf install nginx
  
  2. 启动 Nginx：
      systemctl start nginx # 启动
      systemctl status nginx # 查看状态
      systemctl enable nginx # 开启开机自启动 Nginx 服务
      systemctl stop nginx # 停止
  
  3. 配置 Nginx：<建议通过 VSCode 连接远程的服务器进行对应的配置修改，比使用 vim 高效且不易出错>
      - 修改 /etc/nginx/nginx.conf 中的某些配置项
          - 将 "user nginx;" 修改为 "user root;" <使root用户可以访问所有文件的权限>
          
  4. 保存修改后我们可以先 "systemctl start nginx" 启动一下 nginx，启动后访问云服务器 IP 地址时，能访问到 nginx 默认服务器的欢迎页了，说明 nginx 就启动成功，就没什么问题了
          
  5. 接下来我们只需把打包好的项目（dist）目录，放到 linux 下的 root 目录中即可
  
  6. 我们此时就可以通过 "云服务器IP/dist" 来访问到该部署的项目了（同学们也可以自行修改 dist 目录的名称，访问同理 "云服务器IP/自定义项目打包目录名称"）
  
  7. 通过上面步骤，我们的 web 项目就已经部署好了
  

• **额外补充: ** 如果同学们觉得将项目放在 root 目录下不好，或者想要将项目放在其它目录中时，可以配置 "/etc/nginx/nginx.conf" 中的 "location" 跟目录访问地址 了解

  • # 通过配置: http > server > location > root: 自定义目录名称;
    http {