Angular 4 проблемы маршрутизации приложений при развертывании в облачной литейной

Question

У меня есть уникальная проблема маршрутизации, у меня есть угловое приложение, которое отлично работает на моем локальном компьютере, но когда приложение развернуто в облачном литейном цехе, маршрутизация просто не работает вообще (дает 404).

Вот фрагмент кода маршрутизации

import  { LocationStrategy,  PathLocationStrategy }  from  '@angular/common';
const  appRoutes:  Routes  =   [{
  path:   '',
  component:  PageNotFoundComponent
 },
 {
  path:   'contents',
  component:  ContentsComponent
 },
 {
  path:   'sidebar',
  component:  SidebarComponent
 }
];

Я ищу их:

условия маршрутизации:

1. Маршрутизация без хеширования.
2. При вводе URL-адреса непосредственно в браузер следует перейти к странице.
3. Ошибка 404 не должна отображаться.

Любое предложение?

Answer 1

Решением было использование файла .HTACCESS с условиями маршрутизации. Используйте "php_buildpack" в качестве пакета сборки при развертывании приложения на литейном облачном хранилище

Условие маршрутизации, используемое в файле .htaccess

`ПереписатьEngine на

RewriteCond% {REQUEST_FILENAME}! -F

RewriteCond% {REQUEST_FILENAME}! -D

не переписывать css, js и images

RewriteCond% {REQUEST_URI}!. (?: css | js | map | jpe? G | gif | png) $ [NC]

RewriteRule ^ (. *) $ /Index.html?path=$1 [NC, L, QSA] `

Answer 2

import  { LocationStrategy,  PathLocationStrategy }  from  '@angular/common';
const  appRoutes:  Routes  =   [{
  path:   '',
  redirectTo:'contents',
  pathMatch:'full'
 },
 {
  path:   'contents',
  component:  ContentsComponent
 },
 {
  path:   'sidebar',
  component:  SidebarComponent
 },
 {
  path:'**',
  component:PageNotFoundComponent
];

для вопросов депозита Перейти к https://angular.io/guide/deployment

вы получите решение в соответствии с вашим сервером

или отмена с узла сервера