Javascript 我的角度路线有一个'；#%2F&x27；在app.js中定义的实际URL之前

我正在app.js中设置角度路线，如下所示：

.config(function ($routeProvider) {
    $routeProvider
      .when('/', {
        templateUrl: 'views/main.html',
        controller: 'MainCtrl',
        controllerAs: 'main'
      })
      .when('/characters', {
        templateUrl: 'views/characters.html',
        controller: 'AboutCtrl',
        controllerAs: 'characters'
      })
      .when('/framedata', {
          templateUrl: 'views/framedata.html',
          controller: 'FrameDataCtrl',
          controllerAs: 'frame'
      })
      .otherwise({
        redirectTo: '/'
      });
  });

这些URL确实有效，因为当我键入localhost:9000/framedata或/characters时，它会显示我期望的视图。当我使用按预期定义链接的导航栏时，添加了一个“#%2F”：#%2F字符

 <ul class="nav navbar-nav">
          <li class="active"><a href="#/">tekkenMitzu?</a></li>
          <li><a ng-href="#/characters">Characters</a></li>
          <li><a ng-href="#/framedata">Frame Data</a></li>
        </ul>

我希望这能提供足够的信息，请让我知道我是否应该给你更多的信息，如果有必要，我可以上传到一个域名，这样你就可以看到“实时”版本。

试试下面的代码

.config(function ($routeProvider,$locationProvider) {
    $routeProvider
      .when('/', {
        templateUrl: 'views/main.html',
        controller: 'MainCtrl',
        controllerAs: 'main'
      })
      .when('/characters', {
        templateUrl: 'views/characters.html',
        controller: 'AboutCtrl',
        controllerAs: 'characters'
      })
      .when('/framedata', {
          templateUrl: 'views/framedata.html',
          controller: 'FrameDataCtrl',
          controllerAs: 'frame'
      })
      .otherwise({
        redirectTo: '/'
      });
        // use the HTML5 History API
        $locationProvider.html5Mode(true);// it will remove the #
  });

您的URL有一些空白，如果删除该空白，则

%2F

将被清除

更多详情，请结帐

---

如果我们启用html5模式，我们也需要修改服务器，并设置基本标记，如果没有这两个更改，

将无法运行