首页 > 解决方案 > Angular 6 - 浏览器刷新页面 id 丢失

问题描述

我面临一个问题,当我在最后刷新带有 Id 的页面时,我被重定向到我的应用程序的主页。例如,如果我在以下页面上:

https://example.com/page1/12

我刷新了被重定向到的浏览器:

https://example.com而不是重新加载同一页面。

这只发生在最后带有 id 的页面,例如,以下页面上的浏览器刷新工作正常:

https://example.com/page2

应用程序路由.module.ts

import { NgModule } from '@angular/core';
import { Routes, RouterModule } from '@angular/router';
import { Page1Component } from './page1/page1.component';
const routes: Routes = [
{
    path: 'page1/:id',
    component: Page1Component,
    canActivate: []
  }
];

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

app.component.html

<mat-list-item routerLink="page1/{{page.id}}">
            <a matLine>{{page.name}}</a>
          </mat-list-item>

标签: angular

解决方案


推荐阅读