Springboot前端thymeleaf html页面js,css相对路径引用问题解决

怕你们没心思全部看完,直接把解决方案放在最开头吧!

第一种方案:

第二种方案: 

目录结构如下:

login.html:这里命名为login不用理会,只是测试而已,具体是为了给大家展示路径引用问题.

controller.java

springboot中,通过application启动工程,在本地访问,以访问login.html为例,

login.html链接为:http://localhost:8080/test1/login

打开F12,监控network,

network中,mycss.css引用地址为:http://localhost:8080/css/mycss.css

此时,如果将该工程打包成war包,放到tomcat下运行,那么访问地址应为:http://localhost:8080/工程名/test1/login

此时css地址仍为:http://localhost:8080/css/mycss.css,那么此时css就会报404错误,无法正确引入,这个就是引用路径问题,解决办法如下:

    
    
    
    
    
    

    
    





    
配置Thymeleaf模板
    

        

            
姓名
            
年龄
            
地址
        
        

            

            

            

        
    
    
ddd

个别比较倾向于在头部添加标签,这样就不用在每个需要引入的地方都使用Thymeleaf th:href="@{/路径}"语法.