страница обновления углового состояния не работает в браузере

Question

страница обновления углового состояния не работает в браузере

0

У меня есть угловое приложение с маршрутизацией: <base href="/application/">

 $stateProvider
            .state('main', {
                url: '/',
                templateUrl: 'js/templates/main.html'
            })
            .state('main.admin', {
                url: '^/admin',
                templateUrl: 'js/templates/admin-page.html',
                controller: 'AdminController'
            })...
$locationProvider.html5Mode(true);

Когда я использую ссылки вроде

<li role="presentation" ui-sref-active="active">
                <a href class="custom-tab-label" ui-sref="main.admin"Admin</a>
            </li>

все работает нормально. ссылка: http://localhost: 8080/application/admin

Но когда я пытаюсь обновить эту страницу - есть ошибка 404.

В чем проблема?

yazabara 30 июнь 2015, в 15:23

Источник

Теги:

javascript

angularjs

angular-ui-router

page-refresh

1 ответ

Ещё вопросы

harishr · Accepted Answer · 2015-06-30T11-46-00.000Z

вам нужно дать указание серверной стороне использовать угловую маршрутизацию... вот ссылка на то, как это сделать...

например, в IIS

<system.webServer>
  <rewrite>
    <rules> 
      <rule name="Main Rule" stopProcessing="true">
        <match url=".*" />
        <conditions logicalGrouping="MatchAll">
          <add input="{REQUEST_FILENAME}" matchType="IsFile" negate="true" />                                 
          <add input="{REQUEST_FILENAME}" matchType="IsDirectory" negate="true" />
        </conditions>
        <action type="Rewrite" url="/" />
      </rule>
    </rules>
  </rewrite>
</system.webServer>