Angular路由查找與瀏覽器查找之別

前言

不得不說在家裏學習全然沒有團隊那種氛圍，何況在家裏沒有學長的幫助，有些問題只能本身動手去解決，也算是對本身能力的提升吧，不得不說，人的能力真的是被逼出來的。

問題

在實際的項目中，不管是增長仍是編輯，在進行完對應操做後，咱們都須要它自動跳轉到首頁。

在進行編寫學生管理的過程當中，有不少都是能夠參照前面的班級管理進行編寫的，在班級管理中，實現跳轉的是這一行代碼：

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

這行代碼的意思就是，想對於當前路由（klass/add）導航到/klass，因爲後面沒有子路由，而在路由的定義中，咱們定義了若是子路由爲空，那麼就跳轉到首頁（Index）

{ 
  path:'',  
  component: IndexComponent  
},

而後就照葫蘆畫瓢在學生管理的增長部分進行了操做，可是，果不其然，出錯了：

不管我怎麼點擊按鈕，都會報錯，打開控制檯：

原來是路由出現了錯誤，再來看我寫的的代碼：

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

報錯的信息是找不到任何路由，路由的部分是「Student」，來到app-routing.module.ts，看咱們定義的路由：

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

原來是大小寫的錯誤，在進行修正後，成功進行跳轉，可是，我記得瀏覽器好像不區分大小寫，而後試了試：

我輸入的明明是Student，可是瀏覽器跳轉到了student。

猜想

瀏覽器確定有一種機制，就是大小寫通用，大寫找不到就找小寫，都找不到才報錯，而Anjular在進行路由查找和跳轉是內部進行的，不通過瀏覽器，是什麼路由，就找什麼路由，找不到就報錯。

解決

因爲家裏的網絡不能去外網上查資料，惟一能夠用的就是百度，有時候百度仍是能夠的，例如一些技術上的東西仍是能夠搜到的，可是一到了真正文學資料方面的查找，真的忍不住要罵娘，毫無用途，就像下面的這樣，固然也不是絕對批判，畢竟能解答問題就很不錯了，可是這也沒說出原理來啊，不過如今確實知道了瀏覽器確實有一種機制去糾正輸入上的錯誤。

總結

因爲資源的問題，沒能瞭解這種機制的實現方式，真的挺遺憾的，等回去再好好研究吧，固然了，也多是搜索關鍵字的問題，如今也對大小寫有了新的見解，之前覺得無所謂，反正都能找到，不過如今看來真的很重要，未來協做開發的時候也得先規定好

感想

在家待這麼多天，還好得跟教程編代碼，要否則真的得無聊死，固然了，也對本身的選擇有了更堅決的信心，這要從一件小事提及，

表姐要進行考試報名，結果出現了問題，
看一下第一句話：在服務器上出現了一個應用錯誤，確定是網站本身的錯誤啊，而後我就打算打開控制檯看看報啥錯,在這裏我再吐槽一下百某

放在第一位的永遠是廣告，真正的官網永遠也找不到，要不是看我姐給的錄屏，我這一天估計也找不到

---

點擊繳費就報錯，error 500

控制檯報這樣的錯誤，政府的網站居然會報錯，長見識了。

假如我沒有選擇加入團隊，遇到這問題我還真不知道咋整，我以爲個人選擇太對了，固然了，這也更堅決了我跟隨團隊好好學習的決心，再有感想就是作事要嚴謹，不能像這樣，報錯，真的挺丟人的。最後呢，但願此次疫情早點過去，我想回教師公寓了。