Маршрутизация не работает после развертывания в angular2

Question

Я создал приложение angular2 & успешно развернуло его.

приложение запускается правильно после некоторого времени на загрузку &, тогда я могу перейти к различным компонентам.

, но когда я ставлю прямой адрес в URL, как:

www.sample.com/about 

это говорит об ошибке 404.

, даже если я создаю пакет, используя ng build --prod, он создает dist папку правильно & Я могу перейти к различным компонентам, используя только ссылки.

, но я не могу получить компоненты доступа непосредственно из URL-адреса в моей локальной системе.

Я использую http-server.

Есть ли дополнительные конфигурации, необходимые для его работы?

Answer 1

Вы используете узел в качестве сервера развертывания? Или вы используете IIS или аналогичные серверы.

Мое лучшее предположение, когда вы запускаете с сервера, он не находит ресурс, который вы ищете в этом примере about. вам необходимо правильно настроить маршрут на своем сервере.

Если вы используете IIS, вам придется использовать переписывание URL или маршрутизацию MVC для обслуживания ресурса по умолчанию, если необходимо обслуживать неизвестный ресурс.

В местных случаях, когда вы используете ng serve или используете lite-server, они заботятся об этих неизвестных дорогах.

Надеюсь, что это поможет!

Answer 2

Эта проблема решается путем реализации HashLocationStrategy, которая добавляет # ко всем вашим маршрутам. Вы достигаете этого, добавляя HashLocationStrategy к поставщикам AppModule.

providers: [{provide: LocationStrategy, useClass: HashLocationStrategy}], 

и добавить соответствующий импорт

import { HashLocationStrategy, LocationStrategy } from '@angular/common'; 

Это решило проблему.