img标签的奇怪问题

本来只是为实现一个轮播图,img的url地址是从后端接口获取的,但不巧的是url地址的图片都过期了。 因为懒得重新到网上找图,就想直接用一下本地的图片,简单的想法遇到一堆问题。

问题一:

因为是springboot项目,遇到的第一个问题就是,springboot内嵌了tomcat,而tomcat禁止浏览器访问本地文件,试了一下,直接用浏览器其实是可以访问本地图片的。那么解决思路就是怎么让它不禁止访问本地文件。

解决方法可以改写WebMvcConfigurationSupport 里的方法,让他用可以访问指定的本地地址。

复制代码
@Configuration
public class LocalPathWebMvcConfigurer extends WebMvcConfigurationSupport {
    /**
     * 在springboot项目中,允许浏览器访问指定本地文件
     *
     * @param registry
     */
    @Override
    public void addResourceHandlers(ResourceHandlerRegistry registry) {
        registry.addResourceHandler("/img/**").addResourceLocations("file:///D:/exerciting/java/mall-picture/");
        super.addResourceHandlers(registry);
    }
}

本来以为找到方法,可以解决了,事实却没有显示成功。(后来改了,成功显示^_^)

但这并不代表这方法没有用,因为通过控制台查看,表示这些图片是成功获取了的,但没有显示出来。

这可能就跟前端有关了,直接访问本地行不通,那就老实到网上找一些图片喽。

偏不,本地又不只有这一个方向,我把它放前端的静态资源里不就行了(因为是前后端分离),没想到的是接下来遇到了更更奇怪的问题。

问题二:

因为要调后端接口获取地址,我就直接将"../assets/png/person.png"存到了数据库中,然后就,果然又出问题了,在尝试了<img src="../assets/png/person.png"/>发现能显示图片后,反正就是懵懵懵,然后老老实实的写<img src="src/assets/assets/png/person.png"/>,果然就没有问题了。

两个本该都能显示图片的,唯一的区别就在于调后端接口获得地址后,一个可以显示,一个不能显示。

原因那就不清楚喽, 反正有这么个事, 就看大家伙有没有遇到了。

唉,怎么想偷个懒还更麻烦了呢。

相关推荐
都叫我大帅哥7 分钟前
Java ZGC垃圾收集器:低延迟的终极武器,全面解析与实战指南
java·jvm
Jason?1319 分钟前
Unity基于Recoder的API写了一个随时录屏的工具
java·unity·游戏引擎
都叫我大帅哥20 分钟前
🐇 RabbitMQ延时队列:让消息学会“踩点上班”的终极指南
java·rabbitmq
JiaHao汤1 小时前
Java 虚拟机之双亲委派机制
java·jvm·后端
哈基米喜欢哈哈哈1 小时前
Uber的MySQL实践(一)——学习笔记
数据库·笔记·后端·mysql
二哈喇子!1 小时前
Vue 组件化开发
前端·javascript·vue.js
C4程序员1 小时前
北京JAVA基础面试30天打卡03
java·开发语言·面试
chxii1 小时前
2.9 插槽
前端·javascript·vue.js
姑苏洛言2 小时前
扫码点餐小程序产品需求分析与功能梳理
前端·javascript·后端
Freedom风间2 小时前
前端必学-完美组件封装原则
前端·javascript·设计模式