javascript - Angular js 1，路由，locationProvider，404错误

Question

我通过将 locationProvider.html5Mode 设置为 true 成功从我的网址中删除了哈希#，但又出现了另一个问题。什么也没有显示，并且在我的控制台上它给了我一个 404 错误。

我很清楚这个问题已经被问过好几次了，但是我已经尝试了所有这些解决方案但没有成功。请协助。

var app = angular.module('app', ['ngRoute']);

app.config(['$routeProvider', '$locationProvider', function($routeProvider, $locationProvider) {
  $locationProvider.html5Mode(true);
  $routeProvider
    .when('/', {
      templateUrl: 'home.html',
      //controller:'homecontroller'
    })
    .when('/home', {
      templateUrl: 'home.html',
      //controller:'homecontroller'
    })
    .when('/best-prices-buy-phones-in-kenya', {
      templateUrl: 'pages/buy-phones.html',
      //controller:'aboutcontroller'
    })
    .when('/best-prices-buy-phones-in-kenya2', {
      templateUrl: 'pages/buy-phones-htc.html',
      //controller:'servicecontroller'
    })
    .when('/contact_us', {
      templateUrl: 'contact-page.html',
      //controller:'contactcontroller'

    });
}]);

Answer 1

在 Index.html 中，您不再需要“#”作为“$locationProvider.html5Mode(true);”照顾这个。因此，链接上的 href 应该只是一个“/”加上您需要的页面，例如

  <a href='/home'>

或

<a href='/best-prices-buy-phones-in-kenya'>