当前,当我从以下路径刷新页面时:

http://localhost:4200/feedback

它保持在同一条路由上.但我想把路由改到

http://localhost:4200

我看到有人问如何实现刷新以保持相同的路由.所以我想,默认的Angular 应该在浏览器刷新时重定向到主页.知道为什么我的默认项目会这样做吗?

下面是我的批准模块

import { NgModule } from '@angular/core';
import { RouterModule, Routes } from '@angular/router';

import { SmileyFeedbackComponent } from '../smiley-feedback/smiley-feedback.component';
import { FeedbackFormComponent } from '../feedback-form/feedback-form.component';
import { ThankYouComponent } from '../thank-you/thank-you.component';

const routes: Routes = [
  { path: '', redirectTo: '/smiley', pathMatch: 'full' },
  { path: 'smiley', component: SmileyFeedbackComponent },
  { path: 'feedback', component: FeedbackFormComponent },
  { path: 'thank-you', component: ThankYouComponent }
];

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

推荐答案

正如Chris Sharp提到的,你的应用程序正在做它应该做的事情,路由到url指向的地方,因为你没有告诉它其他的事情.

你可以做的是,在你的app.component中,你可以在OnInit中重定向到root.这意味着,当应用程序被(重新)初始化时,您将被重定向到根页面.

export class AppComponent { 
  constructor(private router: Router) {}

  ngOnInit() {
    this.router.navigate([''])
  }
}

Typescript相关问答推荐

类型缩小对(几乎)受歧视的unions 不起作用

在类型内部使用泛型类型时,不能使用其他字符串索引

如何创建泛型类型组件来使用React Native的FlatList或SectionList?'

如何使用Zod使一个基于其他字段值的字段为必填字段?

在对象中将缺省值设置为空值

扩展参数必须具有元组类型或传递给REST参数

部分更新类型的类型相等

在类型脚本中创建泛型类型以动态追加属性后缀

声明文件中的类型继承

重载函数的T helper参数

为什么我的导航在使用Typescript的React Native中不起作用?

打字错误推断

TS2739将接口类型变量赋值给具体变量

棱角分明-什么是...接口类型<;T>;扩展函数{new(...args:any[]):t;}...卑鄙?

如何在TypeScrip中使用数组作为字符串的封闭列表?

如何从抽象类的静态方法创建子类的实例?

定义一个只允许来自另一个类型的特定字符串文字的类型的最佳方式

在ts中获取级联子K类型?

广义泛型类型不加载抽象类型上下文

const nav: typechecking = useNavigation() 和 const nav = useNavigation() 之间有什么区别?