Блог

Главная - Вопросы по программированию - Проблема с маршрутизацией в Angular 10 с библиотеками node js в среде Prod

Проблема с маршрутизацией в Angular 10 с библиотеками node js в среде Prod

#node.js #routes #angular10

Вопрос:

Я сделал веб-страницу, используя node.js библиотеки, такие как: Угловой 10 для клиентской стороны. У меня нет проблем локально, но в среде Prod у меня возникает следующая проблема: Когда я вхожу в: http://krayi.com/ или я перехожу по странице и указываю URL: https://www.krayi.com/users (без финальной косой черты («/»)) это работает. Когда я копирую этот последний URL-адрес на другую страницу браузера , он тоже работает. Но если я добавлю косую черту («/») в финале, например: https://www.krayi.com/users/ это НЕ работает. И я вижу 2 ошибки в Chrome — Проверьте:

  1. На вкладке Консоли я вижу эту ошибку: «Отказано в применении стиля из ‘https://www.krayi.com/users/styles.764b197aecb1c3700fb1.css» потому что его тип MIME («текст/html») не является поддерживаемым типом MIME таблицы стилей, и включена строгая проверка MIME».
  2. И на вкладке Сеть я вижу эту ошибку:
  • Файл «стили.****.css» выделен красным цветом, а в разделе «Заголовки» написано: URL-адрес запроса: https://www.krayi.com/users/styles.764b197aecb1c3700fb1.css Странная вещь-это 2-я ошибка. Потому что, когда я войду в https://www.krayi.com/users (без «/») и я вижу вкладку «Сеть» — > Раздел заголовка, который я вижу: URL-адрес запроса: >https://www.krayi.com/styles.764b197aecb1c3700fb1.css и это нормально, потому что все файлы .js и .css находятся в корне (krayi.com).

Но когда я добавил косую черту в конце URL-адреса: https://www.krayi.com/users/ файлы .js и .css, которые нужно загрузить из https://www.krayi.com/users/styles.764b197aecb1c3700fb1.css и если вы видите, что пытаетесь загрузить файлы из подпапки «/пользователи/» и там, файлы НЕ существуют.

Вот часть моего кода:

  • «приложение-маршрутизация.модуль.ts»:
 const routes: Routes = [
    { path: '', component: HomeComponent, canActivate: [AuthGuard] },
    { path: 'account', loadChildren: accountModule },
    { path: 'users', loadChildren: userModule, canActivate: [AuthGuard] },
    { path: '**', component: PageNotFoundComponent },
];
  • «пользовательская маршрутизация.модуль.ts»
 const routes: Routes = [
    {
        path: '', component: LayoutComponent,
        children: [
            { path: '', component: ListComponent },
            { path: 'add', component: AddEditComponent },
            { path: 'edit/:id', component: AddEditComponent }
        ]
    }
];

Пожалуйста, не могли бы вы мне помочь?

Метки: