1.引言

    本来说不写文章了，怎料学校安排的实习老师非要让我们使用华为云部署vue项目，之前也玩过服务器，从虚拟机到下血本购买阿里云服务器（其实有学生优惠价也不太贵，就是使用力度不大）。以前服务器部署都是使用阿里云+宝塔面板来处理的，有了宝塔面板，的确简单了很多。于是这次决定试试华为云给的优惠，期间也遇到了很多坑，想想还是记下来，方便以后使用，毕竟不能总是依赖宝塔面板吧，像其他的部署都是需要linux命令才行的。好，直接来吧！

2.部署的目的

    将一个基于vue-cli脚手架的vue项目部署到前端。使用操作系统：linux/centos8。

3.“购买华为云”

    华为云购买一个月不收费，用于用户试用。首先去（华为云官网注册），然后实名认证，接下来购买里面提供的（一个月试用的）服务器：

寄，因为刚搞好的：

不过这不影响我写笔记，对远程服务器重装系统（xshell都连不上了，有效防止复活）：

4.利用Xshell连接远程服务器

（1）点击服务器的名称，跳转详情页：

（2）点击安全组，点击配置规则，进入防火墙管理页面，说白了就是为了打开22端口好让Xshell能够连接服务器：

（3）选择入方向规则，快速选择规则，里面的规则直接全选（因为之后可能会用到服务器相关端口）：

（4）(下载Xshell)，连接远程服务器:

接下来点击连接，然后输入用户名（root）和用户密码，最好勾选保存，方便下次快速连接。如果出现如下页面说明连接完成：

5.安装node并配置环境变量

（1）创建node存放的目录

（2）进入node目录并执行如下代码，安装并解压node:

wget https://nodejs.org/dist/v16.5.0/node-v16.5.0-linux-x64.tar.xz

tar xvJf node-v16.5.0-linux-x64.tar.xz

（3）配置环境变量：
首先需要记住几个linux指令:

vim +文件名   //（以可编辑形式进入指定文件，vi也可以）
进入文件之后按下insert          //开启编辑
进入文件之后按下esc          //退出编辑
:q!          //直接退出文件（不保存）
:qw          //退出并保存
rm -rf +文件夹       //递归删除文件夹（直接删除非空文件夹会报错）
rm -f +文件       //强制删除文件（一般用于特殊格式文件）

执行如下指令并在文件中添加下方环境变量：

vim /etc/profile

export PATH=$PATH:/opt/software/node-v16.5.0-linux-x64/bin/

修改结果如下图所示（$path:表示的是根目录，如果不是安装上述文件夹配置，指向对应的node.exe目录就行），执行：:wq退出并保存

可能会存在同时修改了多次文件的情况，（解决方法），删除系统临时缓存文件：

执行如下指令使node环境变量快速生效：

source /etc/profile

最后执行node -v如果展示node版本说明配置完成。

6.安装依赖管理常用工具并修改数据源

（1）修改npm源

npm config set registry https://registry.npm.taobao.org --global

（2）安装cnpm

npm install -g cnpm --registry=https://registry.npm.taobao.org

（3）安装yarn

npm i yarn -g

（4）修改yarn源：

yarn config set registry https://registry.npm.taobao.org

7.安装git

直接执行yum install git会报错，原因是数据源缺失，应该是centos8里面的bug

解决方法：

#进入配置文件夹
cd /etc/yum.repos.d/
#删除旧的配置文件
rm *.repo
连续输入y确认

执行如下指令重新安装.repo 文件：

wget -O /etc/yum.repos.d/CentOS-Base.repo https://mirrors.aliyun.com/repo/Centos-vault-8.5.2111.repo

生成缓存：

yum makecache

再执行yum install git就OK了。

8.git配置与使用

（1）git安装完成之后，全局配置用户名和邮箱，执行git config --list查看配置信息：

（2）回到根目录然后创建一个website目录并进入，直接使用git拉取远程仓库代码（需要再次输入用户名和密码）；
（3）进入项目根目录执行npm i安装依赖，然后执行npm run serve运行项目；
（4）外网ip+vue端口号访问，结果展示如下：

参考文献

（1）解决Centos8 yum 官方源下线后无法使用问题