img标签中,src后添加本地目录图片问题,加载本地资源失败问题

2022-09-15 00:00:00 添加 加载 失败

由于过几天进行项目答辩,然而阿里云的服务器明天就到期了,于是把项目中的图片路径都改成了本地路径,启动程序发现图片不见了。
F12查看爆红 Failed to load resource:XXXXXX,加载资源失败。
《img标签中,src后添加本地目录图片问题,加载本地资源失败问题》
图片也都变成了下面的样子。
《img标签中,src后添加本地目录图片问题,加载本地资源失败问题》
就很神奇,因为发布到线上服务器时是没有问题的。上网查了之后才发现,原来是谷歌浏览器的安全性问题,也就是说为了安全,谷歌浏览器访问项目时是无法加载本地目录的资源的(其他浏览器没有尝试过)。
这就很苦恼,在网上找了很久,有的是让改Tomcat的server.xml文件,有的是让写一个配置代码等等。最后发现了一个最方便的方法。
在idea中打开Tomcat配置,点击Deployment,点击加号,添加本地资源也就是那个External Source。《img标签中,src后添加本地目录图片问题,加载本地资源失败问题》
然后选择你存放资源的文件夹,我的是存放的图片,确定。
《img标签中,src后添加本地目录图片问题,加载本地资源失败问题》
在下面修改你要叫的名字,到此就行了。
《img标签中,src后添加本地目录图片问题,加载本地资源失败问题》
你在img标签中,src后直接写上http://localhost:8080//ssm//图片名称
《img标签中,src后添加本地目录图片问题,加载本地资源失败问题》
再次启动项目,发现图片可以访问了。

    原文作者:45℃
    原文地址: https://blog.csdn.net/qq_45598161/article/details/116050442
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。

相关文章