百度LS轻量服务器

百度轻量服务器.是一种内置应用型镜像或系统型镜像的小规格云服务器， 绑定适配大小的磁盘和带宽，为中小型企业和个人用户提供官网搭建、web应用搭建、云上学习和测试等场景的服务。正好赶上百度云搞新客优惠活动，别的不说先乘着便宜弄一个练练手。
这里可以任意选择所要安装的应用或系统镜像，后面还可以随意更改，不必担心之后改不了了。
购买之后后续的配置可以参考百度云的入门指南，本文主要用的是安装了Linux系统镜像：Centos7.9的服务器。

PuTTy

远程登录

有了带有Linux系统的云服务器之后，可以选择用百度云的VNC远程连接服务器

这里为了后续传输打包文件方便，介绍使用putty。

PuTTY是一个Telnet、SSH、rlogin、纯TCP以及串行接口连接软件

官方下载地址：putty
安装完成后，打开putty，连接服务器

跟VNC登录一样输入用户名和密码

登录成功！！

防火墙配置与开放端口

第一次登录服务器后，最好先检查下防火墙的状态

# 一些常用的防火墙命令
## 查看防火墙状态
firewall-cmd --state
systemctl firewalld status #active(running),即开启状态
## 开启/关闭防火墙
systemctl enable firewalld.service #开机启用
systemctl disable firewalld.service # 开机禁用
systemctl start firewalld.service #开启
systemctl stop firewalld.service #关闭
systemctl restart firewalld.service #重启

开启防火墙之后，设置对外开放的端口号

# 开放端口
firewall-cmd --zone=pubilc --add-port=9527/tcp --permanent #开放9527端口
# 关闭端口
firewall-cmd --zone=public --remove-port=9527/tcp --permanent #关闭9527端口
# 重载配置生效
firewall-cmd --reload
# 查看防火墙所有开放端口
firewall-cmd --zone=public --list-ports
firewall-cmd --list-all

Ngnix安装配置

登录成功后，在centos中安装nginx

检查是否已经安装了nginx

sudo find -name nginx

安装nginx必要的依赖库

gcc

GCC（GNU Compiler Collection，GNU编译器套件）），可以编译 C,C++,Ada,Object C和Java等语言

##检查是否已安装
gcc -v
##安装
yum -y install gcc

pcre

pcre是一个perl库，作用主要是用来提供正则表达式的相关功能;
pcre和pcre devel是包含与被包含的关系，devel包含pcre

##安装
yum install -y pcre pcre-devel

zlib

zlib是一个免费的、通用的、不受法律约束的——即不受任何专利保护的无损数据压缩库，提供压缩和解压缩方式

##安装
yum -y install zlib zlib-devel

OpenSSL

OpenSSL是一个开放源代码的软件库包，应用程序可以使用这个包来进行安全通信，避免窃听，同时确认另一端连接者的身份。

##安装
yum -y install openssl openssl-devel

安装Nginx

这里采用的是下载nginx压缩包安装的方式，想要下载的版本可以到nginx官网上找：https://nginx.org/en/download.html

## 下载nginx包
wget https://nginx.org/download/nginx-1.20.2.tar.gz
## 解压缩
tar -zxvf nginx-1.20.2.tar.gz
## 编译安装
./configure && make && make install

配置Nginx

nginx安装完成后，需要对nginx进行配置，主要是对nginx.conf文件进行修改

## 打开nginx.conf(配置文件的目录路径因nginx安装的路径而异）
vim /usr/local/nginx/conf/nginx.conf

简单修改下配置，主要是修改端口号，改成服务器防火墙对外开放的端口号
按下i 键进入编辑模式

修改完成后，按下ESC键，键盘输入“:wq”，Enter回车–保存并退出
然后重新加载nginx.conf配置文件

cd /usr/local/nginx/sbin
./nginx -s reload

还是在/usr/local/nginx/sbin下，启动nginx，并查看nginx状态

## 启动nginx
./nginx
## 查看nginx状态
ps -ef | grep nginx

启动成功！！
这时可以在浏览器中输入云服务器的公网IP+端口号，页面上显示Nginx首页说明成功

VUE项目部署

打包vue文件

呃(⊙o⊙)…，这个就不用多说了吧，哈哈。如果用的是webpack，运行build命令即可打包生成dist文件夹

传输文件到服务器上

打包之后的dist文件夹，需要传到nginx服务器里，这里我使用的是putty配套的psftp工具

PSFTP是PuTTY SFTP客户端，用于本地与服务器间安全传输文件（使用SSH连接）

打开psftp，登录服务器

顺便列一下psftp的常用命令

#登录连接服务器
open 服务器地址
#关闭psftp
quit/exit 
#切断连接但不关闭psftp
close
# 本地文件
lcd d:/demo #打开路径
lpwd #显示当前路径
# 服务器文件
cd /usr #打开路径
pwd #显示当前路径
# 上传下载
get/put something.txt #下载/上传单个文件
get/put something.txt another.txt #下载/上传单个文件并重命名为another.txt
get/put -r 文件夹名 #递归符号-r,下载上传文件夹，可以直接输入文件或文件夹的绝对路径下载上传

---

接下来，就把dist文件夹传输到服务器的/usr/local/nginx/html这个文件夹（即nginx安装目录下的html文件夹）

接着把nginx.conf中虚拟主机的根目录改一下

重新加载nginx.conf配置文件

cd /usr/local/nginx/sbin
./nginx -s reload

成功~~万岁！！