关于页面跳转后静态资源失效的问题

关于页面跳转后静态资源失效的问题

在应用开发时，页面跳转后会遇到样式、图片等静态资源加载不出来的问题。这主要是因为当前文件的路径改变了，在当前路径下，找不到静态资源。

一、使用thymeleaf模板引擎开发

使用thymeleaf模板的url访问语法@{},在进行静态资源访问时，会自动给你添加当前应用的根路径。

<link th:href="@{/asserts/css/signin.css}" rel="stylesheet">

二、JSP模板引擎

如果使用的是JSP，可以使用${pageContext.request.contextPath}来获得当前的根路径。

<form action="${pageContext.request.contextPath}/login"> </form>