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端口可以不写 如何是其他端口 需要添加端口号才能访问到
替换效果，替换为本地的一张猫咪图片