微服务网页不显示图片

微服务中页面有几张使用图片,但是,设置了图片路径,但是网址加载时,不出现图片,其它文字 等都能显示。
这是html文件

img

这是登陆后的页面

img

你这个图片地址怎么能这么写呢,如果你这样写,你需要将图片放到本地服务器中才能访问得到。
你有两种方式,要么写本地磁盘的全路径,要么写你这个项目的相对路径。

重新刷新网页, 应该不会出问题, 或者断开网络再连接网络

检查一下 是不是图片路径不对

抓一下包看一下图片的请求有没有成功, 看一下后台是不是把静态资源拦截了。如果请求图片地址过来了。再看下前端代码写的有没有问题

f12查看控制台图片是否被拦截 请求资源失败 查看路径是否正确

先直接访问图片地址试试能不能得到图片

您好,这个问题应该是需要配置静态资源访问路径

代码片段如下:

@Configuration
public class ResourceConfig implements WebMvcConfigurer {
 
    @Override
    public void addResourceHandlers(ResourceHandlerRegistry registry) {
        registry.addResourceHandler("/static/**")
                .addResourceLocations("classpath:/static/");

   
    }

}

目录结构调整为springboot 默认的 如图:
img

如果对您有帮助,麻烦采纳


@Override
    public void addResourceHandlers(ResourceHandlerRegistry registry) {
        registry.addResourceHandler("/static/**").addResourceLocations("classpath:/static/");
        registry.addResourceHandler("/image/**").addResourceLocations("file:"+你的真实文件夹路径,到goods文件);//对外影射虚拟路径
    }

配置文件:

mvc:
static-path-pattern: /**
throw-exception-if-no-handler-found: true

访问路径就变成虚拟路径+文件名;js和css路径不变

不好意思,回复错了。图片上传错了哈。。
这是设置后,可以跳转的页面
img
这是浏览器页面显示的图片

  • img