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。

相关内容

热门资讯

透视计算!如何在哈灵上辅助,佛... 透视计算!如何在哈灵上辅助,佛手在线大菠萝辅助-原先有挂开挂辅助挂;无需打开直接搜索薇:136704...
分享开挂内幕!广西老友辅助是真... 分享开挂内幕!广西老友辅助是真的吗,闲来辅助神器下载(有挂开挂辅助安装);无需打开直接搜索打开薇:1...
透明私人局!约战青山晃晃辅助器... 透明私人局!约战青山晃晃辅助器,wepokerplus作弊-往昔有挂开挂辅助挂;无需打开直接搜索加薇...
新手必备!多乐跑的快脚本,小闲... 新手必备!多乐跑的快脚本,小闲川南手游辅助器(有挂开挂辅助下载)1、下载安装好小闲川南手游辅助器,进...
透明科技!钱塘十三水辅助器下载... 透明科技!钱塘十三水辅助器下载免费,德州hhpoker是真的吗-先前有挂开挂辅助器;无需打开直接搜索...
必备攻略!莆田情怀脚本辅助器,... 必备攻略!莆田情怀脚本辅助器,皇豪互众控制系统(有挂开挂辅助工具);无需打开直接搜索薇:136704...
透视app!崇阳斗棋辅助脚本视... 透视app!崇阳斗棋辅助脚本视频,智星菠萝可以辅助吗-从前有挂开挂辅助下载;无需打开直接搜索薇:13...
安装程序教程!三哥玩辅助,多乐... 安装程序教程!三哥玩辅助,多乐跑辅助(有挂开挂辅助神器)1、下载安装好三哥玩辅助,进入游戏主界面,点...
透视软件!浙江游戏大厅模拟器,... 透视软件!浙江游戏大厅模拟器,hhpoker有后台操作吗-从来有挂开挂辅助下载;无需打开直接搜索加(...
实测交流!先锋大厅辅助,天天贵... 实测交流!先锋大厅辅助,天天贵阳辅助工具(有挂开挂辅助下载);无需打开直接搜索加(薇:1367043...