javascript - AngularJS 路由添加任何特殊字符吗？

Question

问题:当我输入 http://localhost:53379 时我被重定向到http://localhost:53379/#/ 。/#/从哪里来？

angular
        .module('app', ['ngRoute', 'ngStorage'])
        .config(['$routeProvider', function ($routeProvider) {
            debugger;
            $routeProvider.when('/:module/:task/:id/:menu/:action', { templateUrl: 'app/blank.html', controller: PagesCtrl });
            $routeProvider.when('/:module/:task/:id/:menu', { templateUrl: 'app/blank.html', controller: PagesCtrl });
            $routeProvider.when('/:module/:task/:id', { templateUrl: 'app/blank.html', controller: PagesCtrl });
            $routeProvider.when('/:module/:task', { templateUrl: 'app/blank.html', controller: PagesCtrl });
            $routeProvider.when('/:module', { templateUrl: 'app/blank.html', controller: PagesCtrl });
            $routeProvider.when('/', { templateUrl: 'app/start.html' });
            $routeProvider.otherwise({ redirectTo: '/' });
        }
    ]);

Answer 1

默认情况下，AngularJS 将使用主题标签路由 URL。

例如:

http://domain.com/#/home
http://domain.com/#/about

您可以通过在配置中将 html5Mode 设置为 true 轻松地从 URL 中删除主题标签:

$locationProvider.html5Mode(true);

所以在你的代码中它将是:

angular.module('app', ['ngRoute', 'ngStorage'])
       .config(['$routeProvider', '$locationProvider', function ($routeProvider, $locationProvider) {
            debugger;
            $routeProvider.when('/:module/:task/:id/:menu/:action', { templateUrl: 'app/blank.html', controller: PagesCtrl });
            $routeProvider.when('/:module/:task/:id/:menu', { templateUrl: 'app/blank.html', controller: PagesCtrl });
            $routeProvider.when('/:module/:task/:id', { templateUrl: 'app/blank.html', controller: PagesCtrl });
            $routeProvider.when('/:module/:task', { templateUrl: 'app/blank.html', controller: PagesCtrl });
            $routeProvider.when('/:module', { templateUrl: 'app/blank.html', controller: PagesCtrl });
            $routeProvider.when('/', { templateUrl: 'app/start.html' });
            $routeProvider.otherwise({ redirectTo: '/' });

            $locationProvider.html5Mode(true);
        }
    ]);

之后，如果您正在使用“单页应用程序”，您必须确保您的后台会将所有请求重定向到您的主页