一、前言
我们在本地编写完的web项目，需要部署在云服务器上才能让大家访问到，自己也尝试搭建一个linux上的nginx环境来搭建web服务，也尝试汇总整理了一下。
二、 前期准备
2.1 购买服务器
服务器可以选择阿里云、腾讯云等服务商购买，根据自己的需要购买合适配置的服务器即可，本人仅仅用于自己测试用，购买配置如下：
2.2 连接、操作远程服务必备软件
window连接操作远程服务器主要使用到两个软件，Xshell和WinSCP。xshell主要来连接服务器终端，主要用来编辑linux命令来操作服务器，对于我这样linux小白来说使用linux命令来操作文件实属不易，这个时候就需要用到winSCP这个软件了，它能帮助我们能像操作window的文件一样来操作服务器上的文件，必须提到的是运用WinSCP可以直接拖拽本地文件到WinSCP实现本地文件上传服务器。
2.2.1 Xshell
Xshell可以在Windows界面下用来访问远端不同系统下的服务器，从而比较好的达到远程控制终端的目的。除此之外，其还有丰富的外观配色方案以及样式选择。
1.下载Xshell
2.打开Xshell点击 文件->新建
有些服务商服务器购买后用户名默认不是root，可以通过服务商提供的用户登录之后在通过命令行编辑设置为默认root登录即可，具体步骤大家自行Google
root登录之后如图，现在我们就算是远程连接上了服务器。
2.2.2 WinSCP
WinSCP是一个Windows环境下使用SSH的开源图形化SFTP客户端。同时支持SCP协议。它的主要功能就是在本地与远程计算机间安全的复制文件。.winscp也可以链接其他系统,比如linux系统
1.下载WinSCP
2.打开winSCP点击 新建站点
三、 安装并启动nginx
3.1 使用root用户登录Xshell（在文章2.1有介绍怎么使用）
3.2 创建一个名为nginx的空目录并进入
mkdir /usr/local/nginx
3.3 进入nginx目录
cd /usr/local/nginx
3.4 使用wget命令下载nginx资源包
wget http://nginx.org/download/nginx-1.16.1.tar.gz
3.5 解压
tar -zxvf nginx-1.16.1.tar.gz
3.6 进入nginx-1.5.9目录
cd nginx-1.5.9
3.7 make 编译 （make的过程是把各种语言写的源码文件，变成可执行文件和各种库文件）
先执行
./configure
在执行
make
3.8 make install 安装 （make install是把这些编译出来的可执行文件和库文件复制到合适的地方）
make install
3.9启动nginx服务
先进入/usr/local/nginx/sbin目录
cd /usr/local/nginx/sbin
然后执行
./nginx
此时nginx服务已经启动完成，nginx默认使用80端口。
在本地浏览器输入 服务器外网ip:80（类似255.255.255.255:80） ，你将能看如下画面
如果 服务器外网ip:80长时间无响应，请检查对应服务器上是否配置了80端口的安全组。(阿里云配置安全组cloud.tencent.com/document/pr…，其他服务器商业类似。)
四、Vue项目实践
接下来我们实践将VueCli项目部署到远程服务器。
4.1 npm run build 得到Vue项目源码
4.2 将源码上传到远程服务器
4.2.1 登录 winSCP（文章2.2.2有介绍）
4.2.2 进入到之前下载nginx的目录
4.2.3 进入到html目录（上图标识）,将Vue源码目录dist拖拽到html目录里上传
4.2.4 上传完成
此时，我们的Vue项目源码已经上传至远程服务器了，我们可以通过 服务器外网ip:80/dist 来访问刚刚上传的项目
五、 nginx其他命令
执行命令前都需要进入sbin目录
cd /usr/local/nginx/sbin
5.1 启动
./nginx
5.2 关闭
./nginx -s stop
5.3 重启
./nginx -s reload
每次修改nginx配置文件都需要执行以下重启命令配置才会生效
六、结语
文中若有不准确或错误的地方，欢迎指出，作者后续将写基于nginx服务Vue性能优化，欢迎关注。
谢谢阅读，如果觉得本文对你有点帮助，麻烦帮忙点个赞，关个注吧！
