как убрать # из URL в угловых 6

Question

Я пытаюсь удалить знак # из URL в Angular 6, но не могу найти хорошего объяснения. вот мой URL http://localhost:4200/#/homepage.Is можно ли удалить хэш из URL?

в app.module.ts
{предоставить: LocationStrategy, useClass: HashLocationStrategy}

в router.ts

экспорт const маршрутов: ModuleWithProviders = RouterModule.forRoot (router, {useHash: true})

Я ожидаю, что на выходе будет http://localhost:4200/homepage

Answer 1

Имейте в виду, что для этого потребуется изменить конфигурацию http сервера для его поддержки, в противном случае при каждом обновлении страницы вы получите 404 ..

это пример Nginx:

server {
listen 80;
server_name <YOUR SERVER DOMAIN>;

access_log /var/log/nginx/nginx.vhost.access.log;
error_log /var/log/nginx/nginx.vhost.error.log;

index index.html index.htm;

location / {
    root /wwweb/<location to angular dist>/dist;
    try_files $uri $uri/ /index.html?$query_string;
}
}

Answer 2

с помощью {useHash: true} добавит # в URL

замените ваш код этим

экспорт постоянных маршрутов: ModuleWithProviders = RouterModule.forRoot (router)