javascript - 本地服务的页面无法在根的父文件夹中找到 Assets

Question

我正在使用本地网络服务器来提供简单的静态 html 页面。该元素具有以下文件夹结构:

/site
  /build
    index.html
  /bower_components

Index.html 可在 http://localhost:5455/ 上访问.在 index.html 中，我正在从 ../bower_components 加载一些 Assets :

<link rel="stylesheet" href="../bower_components/normalize.css/normalize.css">
<script src="../bower_components/jquery/dist/jquery.min.js"></script>

但是 firefox 和 chrome 似乎都无法从这个父文件夹加载资源。我收到以下错误:

无法获取/bower_components/jquery/dist/jquery.min.js

所以看起来它没有在父级中查找 ../bower_components , 但在 build/bower_components ，这显然是不对的。这是为什么，它是某种安全协议(protocol)吗？我该如何纠正这个问题？

Answer 1

如果您的服务器映射到 build 文件夹，出于明显的安全原因，您将永远无法访问父文件夹!一些解决方案是:

1 - 将您的服务器根映射到 站点 文件夹

或

2 - 将 bower_components 文件夹放入 build 文件夹