Удалить хэш-фрагмент из URL-адреса постоянно

Question

Я использую аутентификацию oauth для входа в систему. После того, как пользователь выполнил вход в систему, возьмите URL-адрес. URL-адрес: http://xxx/callback#access_token=xxx. затем перенаправить на другую страницу. Я использую this.router.navigateByUrl для перенаправления, тэг hash удаляется, но когда я нажимаю другую ссылку, фрагмент хэша будет отображаться снова. Как я могу удалить фрагмент токена хеширования навсегда?

Пример:

после использования Войти в // ххх/обратного вызова # access_token = ххх

перенаправлять // ххх/дом

затем нажмите Линка, URL-адрес: // xxx/linkA # access_token = xxx

ожидается URL является // ххх/LINKA

Answer 1

Я не знаю, как вы поменяете, но я предполагаю, что это вызвано метод, который вы используете.

Один из способов сбросить фрагмент является

<a routerLink="path" fragment=""> 

(не проверял сам еще).

Из кода

let tree = this.router.navigate(['path'], {relativeTo: this.route, queryParams: ''}); 

Смотрите также https://angular.io/docs/ts/latest/api/router/index/Router-class.html#!#createUrlTree-anchor

Answer 2

Похоже, это было зафиксировано в угловом 2 окончательном освобождении (тестирование с 2.1.0 прямо сейчас).

следующие работы для меня:

router.navigate([]); 

перенаправляет на страницу «индекс» без хэш, и он не появляется на последующей навигации.

Answer 3

Вы должны положить useHash равное false на импорт вашего app.module

@NgModule({ 
    bootstrap: [ App ], 
    declarations: [App], 
    imports: [ 
    .... 
    RouterModule.forRoot(ROUTES, { useHash: false }) 
    ], 
    providers: [] 
}) 

положить его ложь остановит его от использования HashLocationStrategy, который по умолчанию в RouterModule.forRoot function

Answer 4

У меня такая же проблема , мое решение после получения access_token, вы можете установить: window.location.хэш = ''

Это работает для меня

Answer 5

Если вы, например, с помощью auth0 в их документ они делают:

this.auth0.parseHash({ _idTokenVerification: false }, (err, authResult) => { 
    if (authResult && authResult.accessToken && authResult.idToken) { 
     window.location.hash = ""; 
    } 
}); 

Вместо делать:

this.auth0.parseHash({ _idTokenVerification: false }, (err, authResult) => { 
    if (authResult && authResult.accessToken && authResult.idToken) { 
     this.router.navigate["/home"] 
    } 
}); 

Это удалит весь хеш