javascript - Angular Routing ngRoute 无法提取我的其他 HTML 文件

Question

因此，在阅读了 MEAN 上的各种内容之后，我决定制作我的第一个 MEAN 应用程序，该应用程序非常小，除了使我的应用程序成为单页应用程序的路由之外，一切似乎都有效。任何帮助将不胜感激!

 app.config(function($routeProvider){
   $routeProvider
     .when('/', {
       templateUrl: 'main.html',
       controller: 'mainController'
     })
     .when('/login', {
       templateUrl: 'login.html',
       controller: 'authController'
     })
     .when('/register', {
       templateUrl: 'register.html',
       controller: 'authController'
     });
 });

无论如何，我采用了样板导航栏

       <nav class="navbar-fluid navbar-default navbar-fixed-top">
         <div class="container">
           <a class="navbar-brand" href="#">IoT</a>
           <p class="navbar-text">IoT</p>
           <p class="navbar-right navbar-text" ng-hide="authenticated"><a href="#/login">Login</a> or <a href="#/register">Register</a></p>
           <p class="navbar-right navbar-text" ng-show="authenticated"><a href="#" ng-click="signout()">Logout</a></p>
           <p class="navbar-right navbar-text" ng-show="authenticated">Signed in as {{current_user}}</p>
         </div>
       </nav>

而且，当我在 localhost:3000 上运行它时，我得到的主页地址是

 http://localhost:3000/#!/

我期待的地方

 http://localhost:3000/#/

当我点击“注册”链接时，我得到的地址是

 http://localhost:3000/#!/#%2Fregister

正如我所期待的

 http://localhost:3000/#/register

这正常吗？也许这是我使用的 Angular 版本的问题？

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.0/angular.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.0/angular-route.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.0/angular-resource.min.js"></script>

之前一切都很好，但后来我剥离了 HTML，让主页一页一页地拉出各个 HTML 页面，然后就发生了这种情况。

Answer 1

更改您的链接 <a href="#/login">至<a href="#!/login"> , <a href="#">至<a href="#!">等等..

我也有这个问题，但是从 hash 更改为 hashbang 为我解决了这个问题。