如何编写路径以便 style.css 可以在我的 localhost 页面上重新加载？答案

【问题标题】：How to write the path so style.css can reload on my localhost page?如何编写路径以便 style.css 可以在我的 localhost 页面上重新加载？
【发布时间】：2021-05-20 19:43:04
【问题描述】：

我正在尝试创建一个侧边栏，其中有一个 style.css 用于自定义它。当我检查我的页面时，它似乎永远不会加载并且找不到 404。

<head>
<h1>sidebar</h1>
<title>Responsive Sidebar Menu</title>
<link rel="stylesheet" type="text/css" href="style.css"></head>

我的项目结构如下图：

我不知道如何编写路径以便它可以正确加载。

【问题讨论】：

如果您的代码在 testpage.html 中，则应使用相对路径 href="./style.css"。看看这里stackoverflow.com/questions/24028561/relative-path-in-html
是否可以“检查”您的网络服务器上的文档根文件夹？
我在发布之前尝试了 ./style.css，但没有成功

标签： java html css spring-boot frontend

【解决方案1】：

将模板文件夹移到资源下方：

src/main/resource/static/css (for CSS files);
src/main/resource/templates (for HTML templates).
Then correct the link tag as follows:

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

【讨论】：

我刚刚尝试过，因为我的前端是用百里香叶构建的，但它不起作用...我不明白，如果我按 ctrl+单击它会转到样式文件，但是当我重新加载服务器时并访问 localhost:8080/testpage，它不显示样式，在检查时我可以看到 style.css 上的请求是 404
有什么原因吗？
请阅读这个答案stackoverflow.com/questions/41506091/…
这是我的包含命令的样子
它已经是静态的了，但是当我重新加载服务器时，它永远不会显示在页面上