javascript - 为什么 Plunker 使用 AngularJS 时会出现 404 错误？

Question

当我在本地运行这段代码时它工作正常，但是当我把它放在这个 Plunker ( http://plnkr.co/edit/RCMbxv7Peb83tRKWTMJM ) 中时，我得到以下循环 404 错误:

Failed to load resource: the server responded with a status of 404 (Not Found) http://run.plnkr.co/main.html
GET http://run.plnkr.co/main.html 404 (Not Found) angular.js:8521

我错过了什么？

Answer 1

接受的答案只是部分正确。

一般来说，如果您的代码托管在子目录(即:不是根目录)中，url 路由将在 Plunker 上正常工作。如果您使用 $locationProvider.html5Mode(true)，这很重要因为如果您想使用绝对 URL(例如:/partials/template.html)可能会导致意外行为。

如果您使用内置的 Angular.js 模板之一，您会注意到我添加了一些 hack 来解决预览不托管在子域上的事实:

<script>document.write('<base href="' + document.location + '" />');</script>

这利用了 Angular.js 的 $locationProvider对待 <base href="">通过在 Angular.js Bootstrap 之前注入(inject)动态基本标记来标记。查看相关链接部分:https://docs.angularjs.org/guide/ $位置