html实例006--nginx代理html静态网页

下载nginx:https://nginx.org/download/nginx-1.21.0.zip

解压后页面如下图:

ok 解压完就是酱紫

我们可以把自己写的html代码搞到一个txt里面,然后重命名 index.html 然后丢到html文件夹里面

双击 nginx.exe 然后在浏览器输入 127.0.0.1 然后回车

卧草,好丑陋,不过好神奇

来简单看一下nginx吧

conf里面存放了我们nginx的配置项

打开 nginx.conf文件看一下,这个里面配了什么鬼东西

原来这里面有一个 server

server里面用到了哪些东西呢
listen 80; 监听80端口
为什么我们在浏览器里面输入127.0.0.1会看到我们自己写的网页呢,因为端口默认是80,而我们的nginx刚好也默认设置为80,
如果我们把nginx server配置里面这个 listen改为其他的,那我们的页面就代理在其他端口了,127.0.0.1就无法访问了,对了127.0.0.1就代表本机,和直接输入本机ip一致

改下端口试一下,会发生什么

改完端口重启nginx

127.0.0.1无法访问我们写好的html了,因为我们把端口改了呀
换127.0.0.1:8060试一下

又出来了,我们刚才输的127.0.0.1 没有加端口,浏览器会自动通过80端口访问,和 127.0.0.1:80一致

ok,我们改了端口
那为什么出现我们这个网页了呢

往下看

在我们的地址下面代理了html路径下的index.html
root就是html所在路径,这里是相对路径
index 就是代理页我们换成 50x.html 试一下

ok 我们换了端口同时也换了代理页

重启看一下效果

html实例006--nginx代理html静态网页相关推荐

关于使用Nginx服务器发布静态网页或者代理
关于使用Nginx服务器发布静态网页或者代理首先我们得要一台云服务器,然后我们使用Xshell 5连接Cent OS 8 系统. 为了不必要的麻烦,本人建议关闭端口,防火墙,设置开机不自启动防火墙等 ...
web前端期末大作业 html+css+javascript网页设计实例企业网站制作 WEB静态网页作业模板个人主页博客网页代码 dw个人网页
一.网页介绍 1.网页编辑:任意HTML编辑软件(如:Dreamweaver.HBuilder.Vscode .Sublime .Webstorm.Text .Notepad++ )等任意html编辑 ...
Nginx 概述如何正规安装静态网页配置反向代理配置负载均衡配置
目录 1. 基本概念 1.1 Nginx初步认识 1.2 正向/反向代理 1.3 域名和IP 2. Nginx安装和配置 2.1 安装Nginx 2.2 配置 3. Nginx的使用 3.1 部署静态 ...
nginx代理静态资源
项目需求:网页响应过慢,需要nginx代理静态资源安装nginx 参考了这篇博客进行安装:ubuntu上nginx详细安装部署教程 - 敲代码的椰子 - 博客园但是他使用的安装包有些已经旧了,可以 ...
拿Nginx 部署你的静态网页
emmmm,作为一个前端开发时刻想着,怎么把自己写的东西,丢到自己的服务器上面,然后展示给别人看.下面我就简单直白的写下,如何用 Nginx 部署你的静态网站. 事前准备云服务器,(我的是阿里云) ...
Nginx-05：Nginx配置实例之反向代理2
Nginx配置实例之反向代理目的:使用nginx反向代理,根据访问的路径跳转到不同端口的服务器中,nginx监听端口为9001. 访问http://192.168.17.129:9001/edu/ ...
Nginx-04：Nginx配置实例之反向代理1
Nginx配置实例之反向代理目的:在浏览器中数输入www.123.com跳转到tomcat主页. 1.准备工作 (1)安装tomcat,使用默认端口8080,进入tomcat的bin目录中,./st ...
nginx 部署静态网页
nginx 部署静态网页 2018年06月15日 17:55:23 幽默的荆轲君阅读数:477 nginx 部署静态网页第一步,就是安装nginx. 第二步配置nginx.conf 熟悉vim的 ...
Charles学习（三）之使用Map local代理本地静态资源以及配置网页代理在Mac模拟器调试iOS客户端...
前言问题一:我们在App内嵌H5开发的过程中,肯定会遇到一个问题就是我不想在chrome的控制台中调试,我想要在手机上调试,那么如何解决这个问题呢? 问题二:我们期待调试时达到的效果就是和Charl ...

html实例006--nginx代理html静态网页

html实例006--nginx代理html静态网页相关推荐

最新文章

热门文章