xShell ＋ fileZilla 在阿里云服务器部署前端项目

首先是在阿里云购买完服务器，然后设置安全组，使ip端口可访问

设置完后安装xshell用于连接服务器，安装fileZilla用于上传文件，安装完毕后打开xshell，新建一个会话，主机填服务器的公网地址，可在阿里云实例页面查看，填好后点击确定

下载nginx的tar包

进入/usr/local目录 
cd /usr/local 

//创建一个文件夹nginx 
mkdir nginx 

//进入nginx文件夹 
cd nginx 

//下载tar包 （版本随意，必须）
wget http://nginx.org/download/nginx-1.13.7.tar.gz 

//解压tar包 
tar -xvf nginx-1.13.7.tar.gz

 安装nginx

//进入nginx目录
cd /usr/local/nginx
//执行命令
./configure
//执行make命令
make
//执行make install命令
make install

找到nginx文件夹中的nginx文件，启动nginx

//这是我的文件路径
/usr/local/nginx/sbin/nginx

输入netstat -anput | grep nginx查看nginx的端口占用情况

上传打包好的前端项目，先在最外层路径新建一个web文件夹，里面放我们打包好的dist文件

修改ngnix配置文件 先通过nginx -t命令找到nginx配置文件所在目录，找到该文件传输到自己电脑桌面

然后修改文件配置 root 对应的是打包好的项目路径 红圈圈中的是访问的匹配规则，不然可能访问不到静态文件

期间可能需要重启nginx

./nginx -s reload # 重新加载nginx配置文件并重启nginx

./nginx # 启动nginx

./nginx -s stop # 强制停止nginx

./nginx -s reopen # 重启nginx

./nginx -s quit # 优雅的停止nginx

nginx -v # 查看nginx的版本

killall nginx # 杀死所有nginx进程

ps -ef | grep nginx # 查看nginx是否启动

最后就是通过公网ip访问部署上去的静态项目，这里用脚手架创建的项目做了一下部署测试