如何快速在nginx部署html网页

浅浅的花香味﹌ 2023-10-07 19:43 21阅读 0赞

**01**

![565e9f7b6f56ec04546f5638725115bd.gif][]

前期准备

1、服务器开放端口，比如80端口或者自定义端口。（配置防火墙或者安全组，具体看服务器类型）

2、xftp工具配置，地址账号。进入到个人服务器后，在root同根下创建一个文件夹。

![84f79ad0ab1d4029988bb89e13c32768.png][]

3、通过xshell或者阿里云控制台进入到服务器内部，安装并配置nginx。

（1）环境配置：

①yum install gcc-c++

②yum install -y pcre pcre-devel

③yum install -y zlib zlib-devel

④yum install -y openssl openssl-devel

（2）创建nginx目录、下载、解压、安装：

①cd /usr/local

②mkdir nginx

③cd nginx

④wget http://nginx.org/download/nginx-1.22.0.tar.gz

⑤tar -xvf nginx-1.22.0.tar.gz

⑥cd /usr/local/nginx/nginx-1.22.0

⑦./configure

⑧make

⑨make install

（3）启动nginx：

![95a487e96cb3eb36536b3d0f9e0c6265.png][]

**02**

![cc7217a6acb151a0758ec330a0600be6.gif][]

网页部署、nginx的conf文件配置

1、通过xftp传输文件到服务器上。将一个nav文件夹（里面包含index.html还有其他一下css、js等等）传输到website文件夹下。

2、配置nginx的conf文件。

![9dde5fba24078167e2f749327fa2abc4.png][]

3、重启nginx生效

①./nginx -s quit

②./nginx

4、访问：http://ip地址/nav/即可访问到/website/nav文件夹下的index.html.

5、至此，网站部署结束。

[565e9f7b6f56ec04546f5638725115bd.gif]: https://img-blog.csdnimg.cn/img_convert/565e9f7b6f56ec04546f5638725115bd.gif
[84f79ad0ab1d4029988bb89e13c32768.png]: https://img-blog.csdnimg.cn/img_convert/84f79ad0ab1d4029988bb89e13c32768.png
[95a487e96cb3eb36536b3d0f9e0c6265.png]: https://img-blog.csdnimg.cn/img_convert/95a487e96cb3eb36536b3d0f9e0c6265.png
[cc7217a6acb151a0758ec330a0600be6.gif]: https://img-blog.csdnimg.cn/img_convert/cc7217a6acb151a0758ec330a0600be6.gif
[9dde5fba24078167e2f749327fa2abc4.png]: https://img-blog.csdnimg.cn/img_convert/9dde5fba24078167e2f749327fa2abc4.png

发表评论取消回复

表情：

评论列表（有 0 条评论，21人围观）

还没有评论，来说两句吧...

相关阅读

相关将 NGINX 部署为 API 网关

现代应用架构的核心是 HTTP API。HTTP 支持快速构建和轻松维护应用。HTTP API 提供了一个通用接口，因此不必考虑应用的规模大小，无论是单独用途的微服务还是大型综

柔情只为你懂/ 2024年03月22日 19:09/ 0 赞/ 106 阅读

相关如何在Linux以docker-compose方式快速部署运行StackEdit，并实现公网访问

文章目录 1. docker部署Stackedit 2. 本地访问 3. Linux 安装cpolar 4. 配置S

太过爱你忘了你带给我的痛/ 2024年02月18日 12:59/ 0 赞/ 13 阅读

相关如何快速在nginx部署html网页

01 ![565e9f7b6f56ec04546f5638725115bd.gif][] 前期准备 1、服务器开放端口，比如80端口或者自定义端口。（配置防火墙或者安全组

浅浅的花香味﹌/ 2023年10月07日 19:43/ 0 赞/ 22 阅读

相关如何在vscode里面快速运行html代码（包含如何在vscode里面编写html代码）

前言必读 > [读者手册（必读）\_云边的快乐猫的博客-CSDN博客][-CSDN] 前言： 1.如何在vscode编写html代码在我的另一篇文章当中有详细教程，[

梦里梦外;/ 2023年09月23日 15:13/ 0 赞/ 153 阅读

相关 Nginx---Nginx部署Vue项目(SPA单页应用)

下载Nginx安装包，windows、Linux版，安装Nginx [ ][Link 1][Nginx官方下载链接][Link 1] 修改Ngin

﹏ヽ暗。殇╰゛Y/ 2022年10月11日 12:08/ 0 赞/ 275 阅读

相关 vue在nginx中部署

vue在nginx中部署本文主要介绍如何在nginx中部署vue前端。本文阅读前提： 1、已经安装好nginx，可以参考如下文章：http://blog

淩亂°似流年/ 2022年06月08日 07:20/ 0 赞/ 113 阅读

相关 HTML网页的!DOCTYPE详解

什么是DOCTYPE 查看很多使用XHTML标准开发的网站，第一行就是： `<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 T

刺骨的言语ヽ痛彻心扉/ 2022年06月04日 03:22/ 0 赞/ 215 阅读

相关 nginx访问静态HTML网页

在服务器上nginx安装好后，如何把自己的网页部署到服务器上呢？这里给出一个简单的方法。这需要你的服务器先安装过了nginx 一我们先安装nginx,这里

比眉伴天荒/ 2022年05月10日 00:38/ 0 赞/ 519 阅读

相关 SpringBoot jar包如何部署在nginx上

将web项目部署到服务器上，之前大多接触的是打包成war包部署。这次因为自己写了个小demo需要部署到个人网站下，所以实践了一次。怎么安装nginx大家可以自行百度。

一时失言乱红尘/ 2022年04月17日 07:13/ 0 赞/ 788 阅读

相关利用nginx在同一个服务器部署多个官网

1 将官网部署在非80端口例如：example1官网部署在81端口，example2官网部署在82端口 2 修改nginx配置，监听80端口，进行请求转发

小鱼儿/ 2022年03月16日 08:48/ 0 赞/ 277 阅读