Firebase Hosting и Routes Angular Проект не работает - PullRequest
Новая
       3

Firebase Hosting и Routes Angular Проект не работает

1 голос
/ 02 апреля 2020

я создаю сайт с Angular. Я установил sh и развернул его на хостинге Firebase, но после развертывания не могу перейти на свой веб-сайт. У меня просто есть страница 404 not found с хостинга firebase. Ну, когда я запускаю свой сайт в localhost, у меня нет этой проблемы, и я не знаю, как ее решить ...

Мой app-routing.module.ts: 

import { CommonModule } from '@angular/common';
import {RouterModule, Routes} from '@angular/router';
import {InfoMobileComponent} from './info-mobile/info-mobile.component';
import {ContactComponent} from './contact/contact.component';

const routes: Routes = [
  { path: '', redirectTo: '/info', pathMatch: 'full' },
  {
    path: 'info',
    component: InfoMobileComponent
  },
  {
    path: 'contact',
    component: ContactComponent
  },
];


@NgModule({
  declarations: [],
  imports: [
    CommonModule,
    RouterModule.forRoot(routes),
],
  exports: [ RouterModule ]
})
export class AppRoutingModule { }

My firebase. json: 

{
  "hosting": {
    "public": "dist",
    "ignore": [
      "firebase.json",
      "**/.*",
      "**/node_modules/**"
    ],
    "rewrites": [
      {
        "source": "**",
        "destination": "/index.html"
      }
    ]
  }
}

И для информации, я строю свой проект в папку "dist".

1 Ответ

1 голос
/ 03 апреля 2020

Когда вы говорите, что вы строите свое приложение в папке "dist", это означает, что вы изменили базовую c конфигурацию angular, чтобы не помещать вашу сборку в папку внутри dist?

По умолчанию Angular сохраняет сборку приложения в подпапке dist.

Пример: dist / my-app

В случае, если ваша сборка расположенный в подпапке dist, вы должны настроить firebase следующим образом: 

{
  "hosting": {
    "public": "dist/your-app-name",
    "ignore": [
      "firebase.json",
      "**/.*",
      "**/node_modules/**"
    ],
    "rewrites": [
      {
        "source": "**",
        "destination": "/index.html"
      }
    ]
  }
}

PS: Мы также должны помнить, чтобы перенаправить все запросы на индекс. html во время инициализации firebase "

Надеюсь, что вам немного помогли!

...