SpringBoot设置项⽬名后静态⽂件相对路径问题
出现问题的原因
t-path=testDemo
spring.mvc.static-path-pattern=/static/**
定义项⽬名和静态资源路径后发现，templates中html 中引⽤的css,js的相对路径出现异常
在上⾯⽬录中，index.html 通过相对路径引⽤css href="../static/xxx"  就获取不到了
在没有定义 t-path=testDemo  的前href="../static/xxx" 这样写是没有问题的
在设置项⽬名后，使⽤相对路径的时候就会缺少项⽬名，从⽽获取不到静态资源
解决⽅案
⽅案1：使⽤绝对路径
thyme
⽅案2：修改路径，将href="../static/xxx" 改成href="static/xxx"
⽅案3：使⽤spring thymeleaf的th:src或者th:href属性改变标签的链接路径，如
<link rel="stylesheet"  th:href="@{/pace/themes/blue/pace-theme-flash.css}>
但这3种⽅案，编译器⽆法识别路径，导致编写代码⽆提⽰，这就很难受了，下⾯两种⽅案以解决编译器⽆法提⽰的问题
⽅案4：同样使⽤spring thymeleaf的th:src或者th:href，并且写的时候再加多src,href 供编译识别（推荐）
<link rel="stylesheet"  href="../static/pace/themes/blue/pace-theme-flash.css"  th:href="@{/pace/themes/blue/pace-theme-flash.css}">
⽅案5：不使⽤thymeleaf或者不想每个css,js引⼊都多写⼀次路径，在html head添加<base href="XXX/">标签，这样../就不会丢失项⽬名，⽽是去掉了XXX/
<base href="XXX/">
<link rel="stylesheet"  href="../static/pace/themes/blue/pace-theme-flash.css">

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。