Blazor之路由

路由的常用场景

Web开发当中,路由是指页面之间的相互跳转,最常见的有以下两种情况:

  • 浏览器输入地址或者点击链接
  • 业务代码的定向跳转

不管通过哪种方式,其实本质上都是一样的,都是通过URL的来定位到对应的页面。
这里还是以WebAssembly的项目为基础来探索一下路由的功能吧。对项目结构不清楚的朋友可以先看上一篇Blazor 初体验

浏览器输入地址或者点击链接

通过上一篇Blazor 初体验我们已经知道每个页面都有个@page指令来定义该页面对应的URL。 比如:

@page "/"
@page "/counter"
@page "/fetchdata"

这样页面和URL之间就有了对应关系(可以称之为路由表)。那如果我们输入的地址找不到对应的页面会发生什么情况呢?
笔者特意试了一下,输入http://localhost:5000/unkonw, 结果是这样的:
在这里插入图片描述

在此有必要再回顾一下App.razor页面:

<Router AppAssembly="@typeof(Program).Assembly">
    <Found Context="routeData">
        <RouteView RouteData="@routeData" DefaultLayout="@typeof(MainLayout)" />
    </Found>
    <NotFound>
        <LayoutView Layout="@
  • 1
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值