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