Javascript 为什么Plunker在AngularJS中给出404个错误?

Javascript 为什么Plunker在AngularJS中给出404个错误?,javascript,angularjs,angularjs-directive,angular-ui-router,plunker,Javascript,Angularjs,Angularjs Directive,Angular Ui Router,Plunker,当我在本地运行该代码时,该代码工作正常,但当我将其放入这个Plunker()中时,会出现以下循环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 我遗漏了什么?如果你关闭HTML5模式

当我在本地运行该代码时,该代码工作正常,但当我将其放入这个Plunker()中时,会出现以下循环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

我遗漏了什么?

如果你关闭HTML5模式,它会正常工作

您的app.js文件:

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

HTML5模式
需要服务器端配置,所以我认为这就是冲突所在。

接受的答案只是部分正确

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

如果您使用其中一个内置Angular.js模板,您会注意到我添加了一点技巧来回避预览不在子域上的事实:

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

这充分利用了Angular.js“
$locationProvider
通过在Angular.js引导之前注入动态基标记来处理
标记的方式。请参阅:$location

上的相对链接部分遇到了相同的问题。我将添加的角度脚本的版本更改为
数据semver=“1.3.0-beta.5”,并对其进行排序

如果你关闭HTML5模式,它就会工作fine@Asok是的,谢谢你修复了它,因为我现在不关心HTML5模式,它修复了我的问题。如果你想加上这个作为回答,我会接受的。