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放到一个名为template的文件夹中时：

 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

只需添加我的评论即可：

路径必须在其前面有../，而不仅仅是/。

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

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

1 个答案: