Edit Question - KnowledgeHub

Title Body

I want to enable HTML5 mode for my app. I have put the following code for the configuration, as shown here : return app.config(['$routeProvider','$locationProvider', function($routeProvider,$locationProvider) { $locationProvider.html5Mode(true); $locationProvider.hashPrefix = '!'; $routeProvider.when('/', { templateUrl: '/views/index.html', controller: 'indexCtrl' }); $routeProvider.when('/about',{ templateUrl: '/views/about.html', controller: 'AboutCtrl' }); As you can see, I used the $locationProvider.html5mode and I changed all my links at the ng-href to exclude the /#/ . The Problem At the moment, I can go to localhost:9000/ and see the index page and navigate to the other pages like localhost:9000/about . However, the problem occurs when I refresh the localhost:9000/about page. I get the following output: Cannot GET /about If I look at the network calls: Request URL:localhost:9000/about Request Method:GET While if I first go to localhost:9000/ and then click on a button that navigates to /about I get: Request URL:http://localhost:9000/views/about.html Which renders the page perfectly. How can I enable angular to get the correct page when I refresh?

Tags (comma-separated) Cancel