Question

我在npm使用带有html5模式的ng-route和http-server。我有一个带有ng-view的主页面，当我点击链接时，视图显示正常。但是当我只刷新带有标题的视图显示时。下面是

.config(['$routeProvider', function ($routeProvider) {
        //console.log($routeProvider);
        $routeProvider.
            when('/app/gateways', {
               templateUrl: '/app/gateways.html',
            }).
            when('/app/lights', {
               templateUrl: '/app/lights.html',
            }).
            when('/app/control', {
               templateUrl: '/app/assign-gateway-to-user.html',
            })
            //otherwise({
            //   redirectTo: '/app/index.html'
            //});
    }])
    .config(['$locationProvider', function($locationProvider)
    {
        $locationProvider.html5Mode({
            enabled: true,
            requireBase: false,
        });
    }])

Answer 1

像这样更改您的代码。您不必再次定义配置以注入新的提供程序。您可以一步完成

.config(['$routeProvider', '$locationProvider', function($routeProvider, $locationProvider) {
   //console.log($routeProvider);
   $locationProvider.html5Mode({
       enabled: true,
       requireBase: false,
   });
   $routeProvider.
   when('/app/gateways', {
       templateUrl: '/app/gateways.html',
   }).
   when('/app/lights', {
       templateUrl: '/app/lights.html',
   }).
   when('/app/control', {
           templateUrl: '/app/assign-gateway-to-user.html',
       })
       //otherwise({
       //   redirectTo: '/app/index.html'
       //});
 }])

为什么我在angularjs上刷新浏览器时找不到页面？

1 个答案: