Nginx学习之旅——在当前会话替换网页图片为自己本地选定的图片

时间:2024-10-30 08:12:26

Nginx学习之旅——在当前会话替换网页图片为自己本地选定的图片

文章目录

  • 前言
  • 一、步骤


前言

练习nginx访问静态资源,实现灵活使用Nginx进行实践操作,这里实现一个功能,当打开一个有图片这种静态资源的页面,访问到了web资源,如何将当前浏览到的图片直接替换为自己本地存储的一张图片呢?这就涉及到了nginx的知识,下面介绍具体步骤,需要注意的是,这种方式的替换只是在当前会话页面有效,刷新还原。

一、步骤

1 在c:盘目录下新建一个目录 起名为img 然后向其中放入替换的图片 作为资源备用
2 在配置文件中 添加配置信息 监听80端口 并指定访问的域名 当匹配到/ 那么就访问静态资源 将拼接到/img后面 需要注意,作为匹配的/会被自动去掉 不会被保留(nginx是服务器端的反向代理 用于拦截高并发请求并动静分离 静态文件从nginx磁盘获取 动态的根据location转发到对应后端服务器 使用负载均衡)

server {
		listen 80;
		server_name ;
		location /{
			root c:/img;
		}
    }
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7

3 开启nginx cmd窗口—start nginx 或者配置一个快速执行的.bat程序进行重新启动【nginx -s reload
4 确定在hosts文件中将域名对应到本地 【127.0.0.1
5 打开要替换图片的网页,右键–检查,选中图片,出现src图片路径并双击修改替换为【/】 因为nginx默认是80端口 所以这里的80端口可以不写 如何是其他端口 需要添加端口号才能访问到


替换效果,替换为本地的一张猫咪图片
在这里插入图片描述