Как скрыть базу href в угловых 4 сайтах, размещенных на S3

Question

У меня есть веб-сайт на S3, написанный на Angular 4.

У меня есть URL на Маршруте 53, указывающий на Распределение CloudFront, которое указывает на index.html Ведра S3 (установлен без кэша).

В корзине S3 у меня есть папки для каждого примера версии:

mywebsite.com
-> v1.0.0
   -> pricing.html
-> index.html

В моем index.html у меня есть <base href="/v1.0.0/">

Это отлично работает, идет на правильные страницы и всегда получает самую новую версию сайта, так как index.html не кэшируется.

Это, однако, делает мой URL похожим на:
https://www.mywebsite.com/v1.0.0/pricing

Как скрыть "/v1.0.0/" от URL?

Answer 1

Хорошо, после многих часов попыток понять это, я наконец понял. Вот как я это сделал для всех, кто пытается это сделать:

перейдите в файл app.module.ts и добавьте

import { APP_BASE_HREF } from '@angular/common';

Далее в разделе "провайдеры" добавьте

  providers: [
[{provide: APP_BASE_HREF, useValue: '/'}]
],

Затем при загрузке веб-сайта отредактируйте файл index.html, чтобы получить base_href для папки версии:

<base href="/v1.0.9/">

Теперь он будет извлекать все файлы из папки /v1.0.9/, но не отображать их в URL!