Angular的RouterLinks无法解析URL,但不影响导航。
创始人
2024-10-24 09:31:09
0次

此问题通常是由于Angular应用程序的基本URL不正确导致的。当应用程序位于子目录中或在服务器上托管时,这可能会发生。解决这个问题需要在应用程序的根模块中设置正确的基本URL。

例如,如果应用程序正在托管在“https://example.com/myapp/”下,则需要在根模块中设置基本URL:

import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { RouterModule } from '@angular/router';

import { AppComponent } from './app.component';

@NgModule({
  imports: [
    BrowserModule,
    RouterModule.forRoot([], { 
      // 设置基本URL为/myapp/
      // 确保trailing slash存在
      // 新版本Router中不需要链接PreloadAllModules
      relativeLinkResolution: 'legacy',
      useHash: true,
      baseHref: '/myapp/' 
    })
  ],
  declarations: [ AppComponent ],
  bootstrap: [ AppComponent ]
})
export class AppModule { }

通过设置基本URL为应用程序的实际基本URL,“RouterLinks”将解析正确的URL并正确导航。

注意,如果您使用了HashLocationStrategy,则需要将useHash设置为true,否则将其设置为false。

相关内容

热门资讯

玩家必备攻略作弊器技巧!梦黄麻... 玩家必备攻略作弊器技巧!梦黄麻将多功能作弊器技巧,梦黄麻将竟然真的有作弊器技巧1、每一步都需要思考,...
科普常识作弊器工具!嵘聚多功能... 科普常识作弊器工具!嵘聚多功能作弊器工具,嵘聚本来存在有作弊器工具;嵘聚破解侠是真的助透视。每个模型...
新手必备开挂攻略!中至赣州麻将... 新手必备开挂攻略!中至赣州麻将多功能开挂攻略,中至赣州麻将真是有开挂攻略1、中至赣州麻将模拟器是什么...
揭秘透视挂工具!嵘聚多功能透视... 揭秘透视挂工具!嵘聚多功能透视挂工具,嵘聚一贯有透视挂工具1、完成嵘聚有辅助插件,帮助玩家取得所有比...
揭秘真相作弊器方法!蜀州麻将云... 揭秘真相作弊器方法!蜀州麻将云县多功能作弊器方法,蜀州麻将云县原来有作弊器方法1、蜀州麻将云县辅助器...
分享一款辅助教程!玩棋牌斗地主... 分享一款辅助教程!玩棋牌斗地主多功能辅助教程,玩棋牌斗地主总是是有辅助教程1、这是跨平台的玩棋牌斗地...
一分钟快速了解开挂脚本!KEL... 一分钟快速了解开挂脚本!KELE多功能开挂脚本,KELE本来存在有开挂脚本1.KELE 选牌创建新账...
一分钟了解透视挂教程!君子道多... 一分钟了解透视挂教程!君子道多功能透视挂教程,君子道都是存在有透视挂教程1、进入到君子道是否有挂之后...
重大推荐辅助器技巧!彩虹沁阳麻... 重大推荐辅助器技巧!彩虹沁阳麻将多功能辅助器技巧,彩虹沁阳麻将总是有辅助器技巧彩虹沁阳麻将能透视中分...
交流学习经验开挂app!决胜朋... 交流学习经验开挂app!决胜朋来麻将多功能开挂app,决胜朋来麻将都是真的是有开挂app1、起透看视...