《项目经验》静态页面图片找不到

HTML中获取项目根路径的方法background-image: url(${request.contextPath}/before/images/image_3.jpg);


JSP中获取项目根路径的方法background-image: url(${pageContext.request.contextPath}/before/images/image_3.jpg)

 但是当请求不是跟路径时, 就会出错.  一般做法就是后端传${base} 到前台.

model.put("base", request.getContextPath());

 

静态页面内引用图片只能用相对路径,   绝对路径会随项目名变化而变化.造成图片找不到.

然而相对路径,  绝对路径都容易搞错.

 

考虑把图片转成base64代码. 直接写在页面上.

<img src="https://img-blog.csdnimg.cn/2022010704221922401.png">

 

在线图片转base64

http://imgbase64.duoshitong.com/