Spring Boot 解析背景图片url Zk

1hdlvixo  于 2023-04-20  发布在  Spring
关注(0)|答案(1)|浏览(189)

我运行演示项目从ZK,并尝试添加图像标签,并找到这个问题,我有两个标签

1. <div style="background-image: url('img/zklogo3.png');padding:0px 0px 0px 0px;">
2. <image src="~./img/zklogo3.png" width="100px"/>

图像2可以显示在屏幕上,并使用此URL进行解析:

http://localhost:8080/zkres/web/6cbcf362/img/zklogo3.png

但样式中的一个无法解析并返回错误未找到,URL:http://localhost:8080/img/zklogo3.png,如果我复制并附加/zkres/web/6cbcf 362到URL,那么它可以成功显示
有谁知道怎么解决吗?

dced5bon

dced5bon1#

Spring boot项目中,为了配置static files包括images,您需要有一个实现WebMvcConfigurer的类。请检查以下示例:

@Configuration
@EnableWebMvc
public class StaticResourceConfiguration implements WebMvcConfigurer {

    @Override
    public void addResourceHandlers(ResourceHandlerRegistry registry) {
        System.out.println("WebMvcConfigurer loaded...");
        registry.addResourceHandler("/**")
        .addResourceLocations("classpath:/static/","classpath:/img/")
        .setCachePeriod(0);

     }
}

项目结构示例

src
├───main
│   ├───java
│   │   └───com
│   │       └───mypackage
│   │           │   Application.java
│   │           ├───controller
│   │           │       MyController.java
│   │           └───model
│   │                   MyMessage.java
│   └───resources
│       │   application.properties
│       └───static
│           │   index.html
│           └───img
│                   zklogo3.png
└───test
    └───java
        └───com
            └───zetcode
                └───controller
                        MyControllerTest.java

然后,您可以简单地在HTML文件中显示这样的图像。

<img src="zklogo3.png"/>

参考文件:Spring WebMvcConfigurer

相关问题