1.引言
2.部署的目的
3.“购买华为云”
4.利用Xshell连接远程服务器
5.安装node并配置环境变量
6.安装依赖管理常用工具并修改数据源
7.安装git
8.git配置与使用
参考文献
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 官方源下线后无法使用问题