запустить угловую 7 страницу спа через файл: ///

Question

Я прочитал несколько учебных пособий о SPA и маршрутизации на стороне клиента. Но я не получаю это полностью. Как настроить маршрутизатор для работы без веб-сервера.

Пример: Файл: /// C: /cxr/CXR-WebViews/dist/CXR-WebViews/index.html#/products/vat

Браузер примет это как index.html, но я должен использовать фрагменты маршрутизатора для вызова компонентов?

Я не могу использовать параметр useHash: true в маршрутизаторе, потому что результирующий URL: "... / index.html / # / products / vat" не найдет файл. Это будет работать только если бы это был вызов веб-сервера, который может перенаправлять запросы в index.html.

приложение-routing.module.ts

import { NgModule }             from '@angular/core';
import { Routes, RouterModule } from '@angular/router';

import { ProductGroupsComponent } from './products/product-groups/product-groups.component';
import { VatComponent } from './products/vat/vat.component';
import { ProductComponent } from './products/product/product.component';
import { AppComponent } from './app.component';

const routes: Routes = [
  { path: '', component: AppComponent, pathMatch: 'full' },
  { path: 'products', component: AppComponent, children:[
    { path: 'productGroups', component: ProductGroupsComponent },
    { path: 'vat', component: VatComponent},
    { path: ':id', component: ProductComponent }
  ]}
];

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

Это должно быть что-то глупое, что я делаю неправильно. Я просто не могу найти это. Я строю с: ng build --prod --base-href ./

Answer 1

Мне просто нужно было удалить мета-тег base-href в index.html, и тогда это сработало