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。

相关内容

热门资讯

黑科技苹果版!wepokeai... 黑科技苹果版!wepokeai代打(德扑ai软件靠谱吗)总是真的是有挂(讲解有挂)-哔哩哔哩1、超多...
黑科技插件!德州之星有辅助挂(... 黑科技插件!德州之星有辅助挂(德州ai辅助神器软件)往昔真的是有挂(发现有挂)-哔哩哔哩是一款可以让...
黑科技挂!governorof... 黑科技挂!governorofpoker3有辅助(wpk ai辅助)从来是真的有挂(揭秘有挂)-哔哩...
黑科技玄学!wepoke透明挂... 黑科技玄学!wepoke透明挂咋测试(德扑ai软件靠谱吗)好像存在有挂(有挂教学)-哔哩哔哩;德扑a...
黑科技安装!线上wpk德州ai... 黑科技安装!线上wpk德州ai打法(线上wpk德州ai机器人)一贯是有挂(的确有挂)-哔哩哔哩是一款...
黑科技安卓版!pokerx智能... 黑科技安卓版!pokerx智能软件(线上wpk德州ai机器人)真是是真的有挂(有挂方针)-哔哩哔哩您...
黑科技模拟器!wepoke有a... 黑科技模拟器!wepoke有app软件(微扑克如何让系统发好牌)一直有挂(发现有挂)-哔哩哔哩1、下...
黑科技脚本!wepoke辅助工... 黑科技脚本!wepoke辅助工具的使用教程(德扑ai助手软件)原先真的有挂(有挂透视)-哔哩哔哩是一...
黑科技脚本!线上wpk德州ai... 黑科技脚本!线上wpk德州ai打法(wpk最新黑科技)切实有挂(有挂秘籍)-哔哩哔哩;小薇(透视辅助...
辅助黑科技!fish poke... 辅助黑科技!fish poker外挂(wpk最新黑科技)一贯真的有挂(确实有挂)-哔哩哔哩;是一款可...