IntelliJ Spring Boot項目找不到我的CSS文件與Thymeleaf

我是Spring Boot的新手，我的問題是我有Spring Boot項目，我打算用Thymeleaf查看我的HTML頁面，但Spring無法解析我的JavaScript和CSS文件。IntelliJ Spring Boot項目找不到我的CSS文件與Thymeleaf

我的IDE的全貌： Full picture of my IDE

這些都是我Thymeleaf配置

spring.thymeleaf.prefix=classpath:/templates/ 
spring.thymeleaf.suffix=.html 
spring.thymeleaf.mode=HTML5 
spring.thymeleaf.encoding=UTF-8 
spring.thymeleaf.content-type=text/html 
spring.thymeleaf.cache=true

這是我的HTML頁面頭：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml" 
     > 
<head> 
    <title>404 Page</title> 
    <!--[if lt IE 9]> 
    <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> 
    <![endif]--> 
    <!--[if lt IE 9]> 
    <script src="http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js"></script> 
    <![endif]--> 
    <meta http-equiv="cache-control" content="no-cache" /> 
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" /> 
    <meta charset="UTF-8" /> 
    <meta name="viewport" content="initial-scale=1, maximum-scale=1"/> 
    <meta name="viewport" content="width=device-width"/> 
    <!-- Css Files Start --> 
    <link href="/src/main/resources/static/css/style.css" rel="stylesheet" type="text/css" media="screen"/><!-- All css --> 
    <link href="/src/main/resources/static/css/bs.css" rel="stylesheet" type="text/css" media="screen"/><!-- Bootstrap Css --> 
    <link rel="stylesheet" type="text/css" href="/src/main/resources/static/css/main-slider.css" media="screen"/><!-- Main Slider Css --> 
    <!--[if lte IE 10]> 
    <link rel="stylesheet" type="text/css" href="/static/css/customIE.css" media="screen"/><![endif]--> 
    <link href="/src/main/resources/static/css/font-awesome.css" rel="stylesheet" type="text/css" media="screen"/><!-- Font Awesome Css --> 
    <link href="/src/main/resources/static/css/font-awesome-ie7.css" rel="stylesheet" type="text/css" media="screen"/><!-- Font Awesome iE7 Css --> 
    <noscript> 
     <link rel="stylesheet" type="text/css" href="/static/css/noJS.css"/> 
    </noscript> 
    <!-- Css Files End --> 
</head>

來源

2016-11-06 Mohammed Adel

是什麼，如果你檢查控制檯視圖你得到的錯誤？它通常有助於包含錯誤。在這種情況下，我猜測路徑可能不正確 - 但是沒有實際的輸出，這很難驗證。 – CmdrSharp

你應該使用相對路徑你的JavaScript和CSS文件：

<link href="../../static/css/style.css" rel="stylesheet" type="text/css" media="screen"/>

，或者您可以使用th:href Thymeleaf的標籤，以及：

<link th:href="@{css/style.css}" href="../../static/css/style.css" 
     rel="stylesheet" type="text/css" media="screen"/>

來源

2016-11-06 21:01:13 DimaSan

感謝您的回答......這解決了我的問題 –

IntelliJ Spring Boot項目找不到我的CSS文件與Thymeleaf

回答

相關問題