url 查询参数重定向到 / in angular

Question

在我的应用程序中，我使用延迟加载。这是 app.module.ts

const appRoutes: Routes = [
    {
        path: "your-app",
        canActivate: [AuthGuard],
        loadChildren: "app/components/your-app/your-app.module#YourAppModule"
    },
    {
        path: "my-app",
        canActivate: [AuthGuard],
        loadChildren: "app/components/my-app/my-app.module#MyAppModule"
    },
    {
        path: "**",
        redirectTo: "/"
    }
];

和我的子模块

export const routes: Routes = [
    {
        path: "",
        component: MyAppComponent
    }
];

当我点击 http://localhost:4200/#/my-app?myParam=test

它将我重定向到 http://localhost:4200/#/

有什么遗漏吗？

Answer 1

应该是这样的

{
     path: "your-app",
     canActivate: [AuthGuard],
     loadChildren: "app/components/your-app/your-app.module#YourAppModule"
}

在 component.ts 用户想要重定向的文件中 --

this.router.navigate(['/your-app'], {
      queryParams: {
        myParam: your_value, 
      },
    });

Answer 2

仅供其他人使用，如果其他人会在遇到类似问题时寻求解决方案 - 请检查您的警卫，因为它可能会阻止您访问该路径。这也是这里的一个问题（参见：对该问题的评论）。

url 查询参数重定向到 / in angular

url with query params redirecting to / in angular

routes

angular-routing

angular