url 中不需要的哈希“#”,在 angularjs 中使用$routeProvider

Unwanted hash '#' in url, using $routeProvider in angularjs

本文关键字:angularjs routeProvider 不需要 哈希 url      更新时间:2023-09-26

当我启动应用程序时,会打开以下网址:http://localhost:8080/#/ .我正在尝试做的是打开这个 url:http://localhost:8080/加载应用程序时,但我无法实现这一点。

我正在使用AngularJS和$routeProvider根据url加载内容。我不太确定它是如何工作的,我不清楚文档。这是代码:

'use strict';
angular.module('login', ['login.filters', 'login.services', 'login.directives', 'login.controllers']).
    config(['$routeProvider', function ($routeProvider) {
        $routeProvider.when('/', {templateUrl: 'partials/partial1.html', controller: 'MyCtrl1'});
        $routeProvider.otherwise({redirectTo: '/'});
    }]);

你能帮我发现不需要的"#"吗?

Angular 将动态加载页面,并从 url 中的 # 符号后面存储/读取当前页面。

您可以尝试启用 html5 模式的位置如何从 angularjs ng-route 中删除哈希 #

看看这里: https://scotch.io/tutorials/pretty-urls-in-angularjs-removing-the-hashtag

这描述了如何实现你想要的,以及教育你#的用途以及Angular如何利用它。