为什么Plunker会给AngularJS带来404错误？

Question

当我在本地运行它时这个代码工作正常，但当我把它放在这个Plunker（ http://plnkr.co/edit/RCMxxv7Peb83tRKWTMJM ）时，我得到以下循环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模板，您会注意到我添加了一些黑客来解决预览未托管在子域上的事实：

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

这利用了Angular.js' $locationProvider如何通过在Angular.js bootstraps之前注入动态基本标记来处理<base href="">标记。 请参阅相关链接部分： https ： //docs.angularjs.org/guide/ $ location

Answer 2

如果您关闭HTML5模式，它将正常工作。

你的app.js文件：

// html5Mode is default to false so you could comment out or manually set it
//$locationProvider.html5Mode(true);

html5Mode需要服务器端配置，所以我认为这是冲突。

Answer 3

经历过同样的问题。 我将添加的角度脚本的版本更改为data-semver =“1.3.0-beta.5”并对其进行了排序。