Javascript 为什么Plunker在AngularJS中给出404个错误?
当我在本地运行该代码时,该代码工作正常,但当我将其放入这个Plunker()中时,会出现以下循环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模式
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模式,它修复了我的问题。如果你想加上这个作为回答,我会接受的。