Блог

У меня есть такой маршрутизатор:

 var mainmodule.config(function($routeProvider){
    $routeProvider.when('/home',{
       templateUrl:'src/home/home.html'
    };
    $routeProvider.when('/home/sports',{
       templateUrl:'src/home/sports.html'
    }
})
  

Перенаправления отлично работают.
Проблема в том, что в моем основном файле (index.html ), У меня есть следующее css в объявлении head:

 <link rel="stylesheet" href="css/main.css"/>
  

Если я перезагружу страницу, localhost:8080/home стили будут загружены правильно.
Но, я перезагружаю страницу, localhost:8080/home/sports стили не найдены, поскольку он пытается загрузить localhost:8080/home/css/main.css вместо localhost:8080/css/main.css .

Есть ли конфигурация, которую я пропустил, чтобы указать routeProvider , чтобы сохранить исходный путь css?

С уважением

использовать относительно корневого пути:

 <link rel="stylesheet" href="/css/main.css"/>