Nginx反向代理实现图片回显功能/图片预览操作

地址对比

URL地址: http://image.jt.com/2021/12/16/f9981c76-e6a7-49fa-88d9-3be0851dbf50.jpg

                         图片服务器网址+虚拟路径/动态变化的 全 路径
磁盘地址: D:/project3/images/2021/12/16/f9981c76-e6a7-49fa-88d9-3be0851dbf50.jpg

                文件的根目录/固定路径+虚拟路径/动态变化的 全 路径

Nginx解压后的文件里找conf——nginx.conf  双击打开

1、内容解释

	http {
		 #每个反向代理服务,就是一个server   每用一次反向代理,多写一个server
		 server {
		 	#nginx默认监听端口号 默认都是80   不出意外的话,这里不改
			listen       80;
			#nginx要拦截的域名 (要拦截的被代理的前端url地址),此处是带有localhost的url地址会被拦截  
			server_name  localhost;
			
			#拦截所有的请求
			location / {
				# root代表代理的是一个目录 ,目录名叫html(html在安装包解压后的文件里)
            	root   html;
            	# 配置默认访问的首页(欢迎页面)
            	index  index.html index.htm;
        	}
		 }	
	}

2.1Nginx实现图片代理

URL地址: http://image.jt.com/2021/12/16/f9981c76-e6a7-49fa-88d9-3be0851dbf50.jpg

                         图片服务器网址+虚拟路径/动态变化的 全 路径
磁盘地址: D:/project3/images/2021/12/16/f9981c76-e6a7-49fa-88d9-3be0851dbf50.jpg

                文件的根目录/固定路径+虚拟路径/动态变化的 全 路径

代理机制:(相同的部分不用代理,只需将前面不一样的 域名代理为我们的磁盘地址)
域名: http://image.jt.com:80
代理为:D:/project3/images

磁盘地址 代理 URL地址

以后用户访问 域名/图片服务器网址,我们就可以代理为磁盘地址,从磁盘地址中找

配置图片代理:(记得每一行;结尾)

#配置图片代理
	server {
		listen 80;
		server_name  image.jt.com;      被代理的前端URL地址(域名/图片服务器网址)
如果将来用户访问的是image.jt.com;   就会自动从D:/project3/images;磁盘地址中找
		location / {
			root D:/project3/images;     代理为的磁盘地址(文件的根目录/固定路径)
		}
	}

 编辑完成之后,保存,重启nginx——重启nginx ——nginx -s reload 

2.2Nginx实现图片回显  一些配置的修改

1)修改hosts文件:

文件位置: C:\Windows\System32\drivers\etc\hosts    没有hosts文件的话拷贝别人的即可
在这里插入图片描述

检查是否只读
如果该文件为只读 应该去除只读选项

在这里插入图片描述
 检查权限

 在这里插入图片描述

 修改hosts文件

127.0.0.1       localhost
127.0.0.1		image.jt.com
127.0.0.1		manage.jt.com
127.0.0.1		web.jt.com

效果图

 


版权声明:本文为fhefhffg原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。