AngularJs:两页路由不适用于更改视图,状态代码:404

AngularJs : two page routing won't work for changing views , status code : 404

作为 Angular 的新手,我正在编写教程:WEB 开发 WITH_ANGULARJS 和 BOOTSTRAP 通过 "Packt"。

下面是plunker中的link检查代码实现。

目前我正在处理路由事件,特别是一个登录表单,我在其中添加了 2 links 以将视图从登录表单更改为报告。 我收到的错误是当我点击这些 links 它 returns :

{ "statusCode": 404,"error": "Not Found"}

此外,"report" 模板的数据绑定也无法正常工作。

教程中使用的Angular版本是AngularJs v1.3.0,但是我使用的是v1.4.6,到目前为止没有出现任何问题!

虽然大多数类似问题的帖子都涉及版本兼容性问题,但就我而言,我使用的任何 Angular 版本都会产生相同的错误。

我在 script.js 配置中做错了什么吗?

您使用的 href 不包括哈希和正确的 angular 路径。

变化:

<a href="login">Login</a>
<a href="report">Report</a>

收件人:

<a href="#/login">Login</a>
<a href="#/report">Report</a>