CSS 文件未在不同 url 上加载

Question

我有两个端点，每个端点都返回“index.html”视图。

http://localhost:8080/ URL 显示索引文件，CSS 也正常工作。 image
http://localhost:8080/product/1 此 URL 仅显示索引文件，但 CSS 未加载。 image

MainController.java

package com.example.temporary.controller;

import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.RequestMapping;

@Controller
public class MainController {
    @RequestMapping("/")
    public String index() {
        return "index";
    } 

    @RequestMapping("/product/1")
    public String process() {
        return "index";
    }
}

index.html

<!DOCTYPE html>
<html lang="en">
<head xmlns:th="http://www.thymeleaf.org">
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" th:href="@{css/index.css}">
    <title>Document</title>
</head>
<body>
    <h1>Index Page</h1>

    <a th:href="@{/product/1}">Click Me!</a>
</body>
</html>

index.css

* {
    box-sizing: border-box;
}

body {
    background-color: black;
    color: white;
}

文件结构 image

Answer 1

尝试将 css 包含在 html

中，如下所示

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

而不是 css/index.css 应该是 /css/index.css

CSS 文件未在不同 url 上加载

CSS File not loading on different url

html

css

java

thymeleaf

spring-boot