Angular 8 – 当点击菜单栏上href中提到的路由路径时,路由不工作。

先谢谢你。

我试图点击菜单栏,在这里我提到了路由路径的href,并在IIS上托管。当我点击UI上的菜单时,它没有发生任何事情,也没有进入相应的组件,它将进入默认的路由路径,但它在本地端口4200工作。我努力尝试了很多天,但无济于事,谁能帮助我得到正确的实现。

这是我的HTML组件,在这里我把href给了路由路径。

新鲜蔬菜

        </li>
        <li class="menu-item-has-children dropdown">
            <a href="Wheat" class="dropdown-toggle"  aria-haspopup="true" aria-expanded="false"> <i class="menu-icon fa fa-cogs"></i>Wheat</a>                    
        </li>

**

这是我的路线。

{
  path:'Veg',
  component:VegetablesComponent,
  canActivate :[AuthGuard] 
},

这是我的索引

 <base href="./">

这是我在IIS中的网页配置

<configuration>
  <system.webServer>
    <rewrite>
      <rules>
        <rule name="Angular Routes" stopProcessing="true">
          <match url=".*" />
          <conditions logicalGrouping="MatchAll">
            <add input="{REQUEST_FILENAME}" matchType="IsFile" negate="true" />
            <add input="{REQUEST_FILENAME}" matchType="IsDirectory" negate="true" />
            <add input="{REQUEST_URI}" pattern="^/(api)" negate="true" />
          </conditions>
          <action type="Rewrite" url="/ePortal/" />
        </rule>
      </rules>
    </rewrite>
  </system.webServer>

</configuration>

解决方案:

你的锚会一直刷新你的应用,因为angular不会得到通知去拦截它。

使用 <a routerLink="/first-component"> 而不是。

更多信息,请看。https:/angular.ioguiderouter)。

给TA打赏
共{{data.count}}人
人已打赏
解决方案

我试图在seaborn中旋转标签45°,但得到ValueError: "Grouper和轴的长度必须相同"

2022-4-22 2:00:13

解决方案

mysql数据库中的特殊字符

2022-4-22 2:00:15

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索