nginx部署web静态资源,nginx部署web项目
前言之前写过一篇博文【Web开发】Vue Springboot项目服务器部署(环境搭建部署流程)，涉及Nginx部署网页，但不是很详细。这篇文章用来填补之前留下的一些漏洞，从零开始，用Nginx重新部署一个静态网页。
在这里选择版本服务器，选择阿里云的云服务器ECS。
操作系统版本：Centos 7.6
Nginx版本：1.19.0
(注意：选择操作系统时，不要选择Centos8以上的版本。目前维护已经停止！)
Nginx安全组配置的默认端口是80。首先需要在服务器后台打开安全组中的80端口。
配置连接/传输文件软件下载安全组后，就可以开始连接服务器了。
之前的博文采用了putty winscp(传输文件)，但是putty的界面框架太小，视觉体验不好。这里采用了一种新的工具方案：Xshell7(连接)Xftp(传输文件)。
目前这两个工具在官网都可以免费下载给个人开发者。你可以访问https://www.xshell.com/zh/free-for-home-school/,在这里输入你的电子邮件，你可以在你的电子邮件中找到下载链接。
开始部署步骤1:连接到服务器Xshell7/Xftp可以用类似的方式连接到服务器。
输入服务器的公共IP默认用户名：root输入您自己的服务器密码。
可以成功连接。
第二步：下载Nginx。首先用Xftp在/home文件夹下新建一个程序，任意命名。在这里，它用于存储安装包和解压缩程序。
在XShell中使用以下命令进入程序文件夹
cd /
Cd /home/program，然后借助wget工具下载nginx
http://nginx.org/download/nginx-1.19.0.tar.gzWGET下载完压缩包后，将其解压。
tar-zxvf nginx-1.19.0.tar.gz获得文件夹nginx-1.19.0
这就完成了下载。
第三步：安装依赖项在配置nginx之前，需要安装一系列的依赖项。在这里，你可以通过yum安装它们。
1.GCC——GNU编译器集合
Yum gcc 2，PCRE库(Nginx编译需要PCRE)
安装PCRE PCRE-DEVEL3，zlib库(zlib库为开发者提供压缩算法，Nginx的各个模块都需要gzip压缩)
Yum zlib zlib-devel4，OpenSSL库(在Nginx中，服务器提供安全网页时会使用OpenSSL库)
YUM OpenSSL OpenSSL-DEVEL注意：当你需要进行安装选择时，只需输入y。
步骤4:配置并安装到生成的nginx-1.19.0文件夹中。
CDINX-1.19.0配置基本信息。/configure-prefix=/usr/local/nginx-1 . 19 . 0-with-http _ SSL _ module-with-http _ stub _ status _ module配置完成后，可以看到目录中多了一个Makefile。
然后编译安装。
make安装后，可以在/usr/local目录中找到安装的nginx文件。
注：这里有些读者可能会有一个疑问，为什么这里是ngnix 1 . 19 . 0版1.20.2？这是因为在配置上面的基本信息时，我最初把nginx-1.19.0写成nginx-1.20.2，其实就是一个文件夹命名的问题。如果按照上面的说法生成，你只需要把下面的nginx-1.20.2当成nginx-1.19.0。
第五步：启动Nginx服务/usr/local/Nginx-1.20.2/sbin。目录中有一个nginx脚本文件。运行它来启动nginx服务。
我们进入目录。
Cd /usr/local/nginx-1.20.2/sbin来启动服务。/nginx
启动后可以在浏览器页面输入自己的公有IP(不需要输入端口号，默认为端口80)，这样就可以看到nginx默认的欢迎页面。
步骤6:修改你自己的配置文件。现在我们需要让Nginx指向我们自己的静态文件资源。我们可以在这里修改配置文件nginx.conf，用记事本打开。
在此进行修改和补充。
这里的usr/local/myhtml是存储您自己的资源的文件夹，或者您可以将其更改到您喜欢的其他位置。
顺便说一下，Nginx的默认端口号是80，可以通过上面的listen属性值进行修改。修改后，在相应的位置创建自己的资源文件夹。
传入自己的页面。
请注意，首页已更改为index.html，或者您可以通过编辑之前的配置文件来修改此规则。
第七步：重启Nginx。最后，再次重启Nginx，就可以看到结果了。
先回sbin目录。
Cd /usr/local/Nginx-1.20.2/sbin重新启动Nginx。/nginx -s重装重启，然后在浏览器中输入自己的ip，就可以访问了。
如果没有更新，可以在浏览器中按F12打开开发者模式。以谷歌Chrome为例，清空缓存就可以看到新的界面。
版权归作者所有：原创作品来自博主zstar_，转载请联系作者获得授权，否则将追究法律责任。
郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。