angularjs - angularjs $routeProvider - route not found

Question

I am using angularjs with requirejs. I am running into a problem where my routes are not being routed properly. It's constantly routing to /. If I change /post to /:post it hits my post route.

// module/post.js
define([], function () {
    'use strict';

    var app = angular.module('myApp.post', [])
    .config(['$routeProvider',
        function($routeProvider) {
            $routeProvider.when('/post', {
                    controller: 'PostController',
                    template: "<div>{{page}}</div>"
                }
            );
        }
    ]);

    return app;
});


// main.js
require.config({
    baseUrl: '/static/js',
    paths: {
        angular: 'vendor/angular/angular',
        jquery: 'vendor/jquery/jquery',
        _: 'vendor/underscore/underscore'
    },
    shim: {
        angular: {
            exports: angular
        }
    }
});

require([
    'module/post'
], function() {
    'use strict';

    var app = angular.module('myApp', [
        'myApp.post'
    ])
    .config(['$routeProvider',
        function($routeProvider) {
            $routeProvider.otherwise({
                redirectTo: '/'
            });
        }
    ]);

    $(function(){
        angular.bootstrap(document, ['myApp']);
        $('html').addClass('ng-app: myApp');
    });
});

Answer 1

我的愚蠢错误。如果有人遇到这个问题，我会留下这个问题。

我没有开启 html5 模式

var app = angular.module('myApp.post', [])
    .config(['$routeProvider', '$locationProvider',
        function($routeProvider, $locationProvider) {
            $routeProvider.when('/post', {
                    controller: 'PostController',
                    template: "<div>{{page}}</div>"
                }
            );
            $locationProvider.html5Mode(true);
        }
    ]);

否则我的网址将映射到 hashbang localhost/#post 而不是 /post