React-router-dom 全局路由配置/根據是否登錄來驗證路由跳轉

1.npx creat-react-app my-app 創建好項目；

2.進入項目之后安裝react-router-dom;   

3.在src文件下新建Router文件夾，並建立router.js  用於配置router文件；
4.在scr文件下創建View/Component文件夾，用於管理主頁面；例如（home/login/.....）；

配置router文件，代碼如下：

 

 

 5.修改App.js文件，代碼如下：

 

 最終就完成 了路由守衛功能，類似於vue的路由配置；