前言

  • 发布的前提是前端的代码已在本地完成打包。
  • 目前发布到华为云环境上，需要先登录至华为云堡垒机。
  • 需要发布的主机 IP 地址有两个：10.18.81.173 和 10.18.81.206，下面以 10.18.81.173 为示例进行操作，第二个 IP 也需要重复一遍步骤一（登录华为云堡垒机）后面的一系列操作。

操作步骤

1. 登录华为云堡垒机

  1. 浏览器打开 IP 地址

应用截图

  1. 输入账户和密码
  • qghzhjqtjglxt
    Qghzhjqtjglxt@123

登录成功后的界面

2. 登录华为云主机

  1. 首先检索主机 IP，然后点击【登录】按钮
  • 10.18.81.173

登录操作步骤1
点击登录后的弹窗

  1. 输入账户和密码
  • root
    Huawei12#$
  1. 登录成功之后，浏览器会自动打开一个主机命令行新窗口

主机命令行新窗口截图

3. 上传本地打包好的代码 zip 包至服务器

  1. 具体的操作 gif 图

华为云环境前端发布指南.gif

  1. 操作 gif 图步骤详解
  • 首先前端工程在服务器上放置的目录是：/data/project/asia-hzfire，所以这里直接使用右侧的可视化界面进行操作
  • 点击进入 /data/project/asia-hzfire 目录下，备份之前的 dist.zip 文件，修改其文件名称 dist.zip.bak + 年月日，如果有重复名称的后面还需要加上版本号
  • 之后点击上传按钮，选项中选择【上传本地文件】，找到自己已经打包好的 zip 包，选中后再点击【打开】按钮，开始上传中
  • 上传成功后，将之前放在当前目录下的 dist 文件夹删除，然后在命令行中进入该目录，手动解压 dist.zip 文件
  1. $ cd /data/project/asia-hzfire
  2. $ unzip dist.zip