Angular路由查找与浏览器查找之别

前言

不得不说在家里学习全然没有团队那种氛围,何况在家里没有学长的帮助,有些问题只能本身动手去解决,也算是对本身能力的提升吧,不得不说,人的能力真的是被逼出来的。浏览器

问题

Peek 2020-02-08 12-00.gif
在实际的项目中,不管是增长仍是编辑,在进行完对应操做后,咱们都须要它自动跳转到首页。
image.png
在进行编写学生管理的过程当中,有不少都是能够参照前面的班级管理进行编写的,在班级管理中,实现跳转的是这一行代码:服务器

this.router.navigateByUrl('/klass',{relativeTo: this.route});

这行代码的意思就是,想对于当前路由(klass/add)导航到/klass,因为后面没有子路由,而在路由的定义中,咱们定义了若是子路由为空,那么就跳转到首页(Index)网络

{ 
  path:'',  
  component: IndexComponent  
},

而后就照葫芦画瓢在学生管理的增长部分进行了操做,可是,果不其然,出错了:
Peek 2020-02-08 12-43.gif
不管我怎么点击按钮,都会报错,打开控制台:
image.png
原来是路由出现了错误,再来看我写的的代码:app

this.router.navigateByUrl('/Student',{relativeTo: this.route});

报错的信息是找不到任何路由,路由的部分是“Student”,来到app-routing.module.ts,看咱们定义的路由:学习

{  
  path:'student',  
  loadChildren: () => import('./student/student.module').then(mod => mod.StudentModule)  
},

原来是大小写的错误,在进行修正后,成功进行跳转,可是,我记得浏览器好像不区分大小写,而后试了试:
Peek 2020-02-08 12-52.gif
我输入的明明是Student,可是浏览器跳转到了student。网站

猜想

浏览器确定有一种机制,就是大小写通用,大写找不到就找小写,都找不到才报错,而Anjular在进行路由查找和跳转是内部进行的,不通过浏览器,是什么路由,就找什么路由,找不到就报错。this

解决

因为家里的网络不能去外网上查资料,惟一能够用的就是百度,有时候百度仍是能够的,例如一些技术上的东西仍是能够搜到的,可是一到了真正文学资料方面的查找,真的忍不住要骂娘,毫无用途,就像下面的这样,固然也不是绝对批判,毕竟能解答问题就很不错了,可是这也没说出原理来啊,不过如今确实知道了浏览器确实有一种机制去纠正输入上的错误。
image.pngspa

总结

因为资源的问题,没能了解这种机制的实现方式,真的挺遗憾的,等回去再好好研究吧,固然了,也多是搜索关键字的问题,如今也对大小写有了新的见解,之前觉得无所谓,反正都能找到,不过如今看来真的很重要,未来协做开发的时候也得先规定好3d

感想

在家待这么多天,还好得跟教程编代码,要否则真的得无聊死,固然了,也对本身的选择有了更坚决的信心,这要从一件小事提及,
Screenshot_2020-02-08-13-24-09-892_com.tencent.mm.png
表姐要进行考试报名,结果出现了问题,mmexport1581139497683.jpg
看一下第一句话:在服务器上出现了一个应用错误,确定是网站本身的错误啊,而后我就打算打开控制台看看报啥错,在这里我再吐槽一下百某
image.png
放在第一位的永远是广告,真正的官网永远也找不到,要不是看我姐给的录屏,我这一天估计也找不到
null-14ec768a5184031f.jpgcode


qq_pic_merged_1581140280241.jpg
点击缴费就报错,error 500
mmexport1581139524477.jpg
控制台报这样的错误,政府的网站居然会报错,长见识了。

假如我没有选择加入团队,遇到这问题我还真不知道咋整,我以为个人选择太对了,固然了,这也更坚决了我跟随团队好好学习的决心,再有感想就是作事要严谨,不能像这样,报错,真的挺丢人的。最后呢,但愿此次疫情早点过去,我想回教师公寓了。

相关文章
相关标签/搜索