云服务器部署Vue项目

在腾讯云，阿里云等云服务平台购买云服务器

服务器安装系统（此处以centOS8为例） 购买服务器时自己选择系统后自动安装系

在云服务器的控制台中设置密码

下载Xshell 下载地址:Xshell 下载 - NetSarang Website

进入Xshell中，创建新的会话链接

在主机一栏输入服务器公网IP，端口号如果没有修改过默认22

点击连接后，需要输入用户名，密码

Xshell出现下方页面即登录成功

 检查服务器中是否安装nginx

nginx -v

如果服务器中已经安装nginx则会显示nginx的版本号

安装nginx

yum install -y nginx

启动nginx

nginx

打开浏览器输入公网IP，显示页面为centOS则启动成功（默认访问的是80端口，nginx服务就是默认的80端口）

停止nginx服务

nginx -s stop

重启nginx服务

nginx -s reload

修改nginx配置

        进入nginx配置文件

cd /etc/nginx

vim nginx.conf

        修改配置文件

        进入配置文件编辑页面后，按i键开始编辑配置文件

        listen修改端口号

        root修改部署项目再服务器中所在位置

        可根据自己的需求修改errorPage

        修改完成后按esc退出编辑，再输入::wq进行保存并退出

        通过命令重启nginx服务

创建项目文件夹

cd /home

mkdir 文件名

打包vue项目

使用vue打包命令,生成dist文件夹：

npm run build

通过git将打包后的dist文件上传至服务器的项目目录下

在vue项目文件下打开git bush，通过命令上传

scp -r dist/ root@101.43.113.212:/home/test

再输入用户名密码即可（云服务器的用户名和密码）

项目上传成功后即可通过浏览器访问项目

新人自学，如果存在问题请及时指出，麻烦了！谢谢！