HTML 文件 src/link 文件路径不起作用

Question

我有一个 html 文件系统，目前是这样的：

root:
index.html
|-css
-simple-sidebar.css
|-vendor:
|-bootstrap:
|-css:
-bootstrap.min.css
|js:
-bootstrapp.bundle.js
|-jquery
-jquery.min.js

使用文件路径完美运行：

<link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<link href="css/simple-sidebar.css" rel="stylesheet">
<script src="vendor/jquery/jquery.min.js"></script>
<script src="vendor/bootstrap/js/bootstrap.bundle.min.js"></script>

但是，当我将所有文件放入名为 static 和 index.html 的文件夹中名为 templates 的文件夹中时：

root:
|-templates:
-index.html
|-static
|-css:
-simple-sidebar.css
|-vendor:
|-bootstrap:
|-css:
-bootstrap.min.css
|js:
-bootstrapp.bundle.js
|-jquery
-jquery.min.js

使用这些文件路径：

<link href  ="/static/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<link href="/static/css/simple-sidebar.css" rel="stylesheet">
<script src="/static/vendor/jquery/jquery.min.js"></script>
<script src="/static/vendor/bootstrap/js/bootstrap.bundle.js"></script>

文件加载失败，我做错了什么？

Answer 1

只是为了详细说明我的评论：

路径需要有../在他们面前，而不仅仅是/。

将../放在路径前面可以让您在文件夹结构中向上一级。
您也可以连续多次使用它来提升多个级别。
例如，../../将上升两个级别，../../../将上升三个级别，依此类推。