前端项目通过Nginx部署到服务器上

第一步 准备工作

下载Nginx用于部署

官网：nginx.org/

这是windows稳定版,推荐下载

下载Xshell连接服务器

官网：www.xshell.com/zh/xshell-d…

填写可下载免费版

下载Xftp连接服务器文件管理处

第二步 开始部署

1，本地部署

如果你需要进行本地部署，只需要打开下载好的nginx

打开nginx.conf配置文件进行配置

当你写完这些配置，点击文件夹里的nginx图标运行nginx，在同个网络下，就可以访问这个域名了

2，远程部署

首先通过Xshell连接到远程服务器

• 这里的账户密码是远程访问的账号密码，不是乱填的，具体可以询问远程服务器的搭建者

• 当你看到这个小绿点，就代表连接成功了，此刻，你已经可以通过命令操作远程文件

• 接下来，是打开xfpt，操作步骤与xshell一样，最后连接成功是这个界面，左边是你本地文件，右边是你远程服务器里面的文件

• 接下来，把你打包好的前端文件放到服务器上，可以选一个文件夹放进去，也可以问问后端放到哪个文件夹里面

• 然后在xshell这个页面输入指令下载nginx，因为刚刚下的是下载到本地，现在是下载到服务器，下载指令自行百度

• 下载完之后，在这个页面的etc文件夹下的nginx文件夹里面找到nginx.conf进行配置，具体配置内容请看上面本地部署。
• 做完这些，直接在xshell指令输入页面输入启动nginx命令即可。