javascript - 使用 `grunt serve` 的页面，但在我加载 index.html 时没有

Question

GitHub 存储库:https://github.com/grahamlutz/MyVirtualPack

当我使用 grunt serve 启动一个监听 localhost:9000 的服务器时，页面看起来和工作正常。当我尝试在浏览器中加载 index.html 时，我无法访问 bower_components 文件夹，该文件夹位于目录中 index.html 之上的文件夹。

GET file:///bower_components/modernizr/modernizr.js net::ERR_FILE_NOT_FOUND
index.html:190 GET file:///bower_components/jquery/dist/jquery.js net::ERR_FILE_NOT_FOUND               -      index.html:195 

---

GET file:///bower_components/bootstrap-sass/assets/javascripts/bootstrap/affix.js net::ERR_FILE_NOT_FOUND                  - index.html:196

---

GET file:///bower_components/bootstrap-sass/assets/javascripts/bootstrap/alert.js net::ERR_FILE_NOT_FOUND                   -    index.html:196

...等等

我不确定具体要问什么，希望我不知道在使用 grunt serve 时发生了什么不同？

Answer 1

实际上您的问题是由绝对 路径引起的:这些路径在第 191 行和更多行上以“/”开头。它们在 http: 请求(grunt serve 或你的 GoDaddy)的上下文中工作良好，但在简单的 file: 请求(这是你简单地得到的在浏览器中加载本地文件)。

用相对路径 (../bower_components/[...]) 替换它们，你应该没问题 - 这可能需要对你的 wiredep 配置做一些工作。