完美解决img绝对地址在网络上无法显示的问题

本文介绍了在网站中遇到img标签使用绝对路径无法显示图片的问题,通过分析发现是由于服务器配置导致的404错误。通过修改Tomcat的server.xml文件,添加相应配置,成功解决图片无法显示的问题。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

这个是我今天无意间遇到的一个问题,我将文件上传到一个文件之中,但是我用img访问绝对路径的方法却怎么也无法在网站之中打开,却可以在eclipse中打开,如下图所示
在这里插入图片描述
这个实在eclipse中打开的场景
在这里插入图片描述
这个是在safari中打开的场景
在这里插入图片描述
这个是我的原代码,我直接访问的我图片所在的根目录,如图所示出了问题
在这里插入图片描述
下面我们可以看一下这个图片的地址是参数信息,我们直接访问该地址发现是我们熟悉的404,这就表示,我们并不能找到改图片的地址
在这里插入图片描述
在这里插入图片描述
下面来解决这个问题,下面找到tomcat的安装文件找到下面的server.xml文件
在这里插入图片描述
添加以下的代码

<Context docBase="/Users/*****/eclipse-workspace/.metadata/.plugins/org.eclipse.wst.server.core/tmp0/wtpwebapps/chapter16/upload" path="/file" reloadable="true"/>

可以看一下是否已经添加成功,是否已经多了这么一行配置
在这里插入图片描述
如果没有也可以直接在本界面上的Add Extermal添加
在这里插入图片描述
这时就可以把之前的那么一大串根目录换做file即可
在这里插入图片描述
现在我们在safari上打开也可以看到这张图片
在这里插入图片描述
我们可以单独访问这张图片的地址,就不像刚才的404了,这就算解决了
在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值