自己搞了一個去掉首頁的方案,記錄下來以防忘記。
如果有什麼錯誤或者更好的方案,歡迎交流。
背景:
最近使用了一個叫Ruoyi的架構;
但是發現頁面裡總是有一個首頁。
![](https://img.laitimes.com/img/_0nNw4CM6IyYiwiM6ICdiwiIwczX0xiRGZkRGZ0Xy9GbvNGL2EzXlpXazxCMG1WWmZkMMBjVtJWd0ckW65UbM5WOHJWa5kHT20ESjBjUIF2X0hXZ0xCMx81dvRWYoNHLrdEZwZ1Rh5WNXp1bwNjW1ZUba9VZwlHdssmch1mclRXY39CXldWYtlWPzNXZj9mcw1ycz9WL49zZuBnL1ITN0IDOxQTM1ADOwEjMwIzLc52YucWbp5GZzNmLn9Gbi1yZtl2Lc9CX6MHc0RHaiojIsJye.png)
我做的是一個小系統,不需要首頁,要去掉這個首頁,但是沒有找到哪裡可以配置是否有首頁的選項;是以我自己搞了一個解決方案,可選擇是否有首頁,并且登入後可自動打開某頁面;
步驟如下:
1、ruoyi-ui\src\components\Breadcrumb\index.vue
注釋掉這段代碼,因為它會在圖中标紅2處加上那個首頁;
2、ruoyi-ui\src\layout\components\iNavbar.vue
ruoyi-ui\src\utils\request.js
這兩個檔案都會在調用LogOut方法後,執行 location.href = '/index'; 這個代碼會使再登入時帶上參數“redirect=%2Findex”,會導緻登入後跳轉到index這個首頁;
将這句代碼改為 location.href = this.$store.state.settings.indexPage; 這裡的indexPage是我加的配置,後面會說明;
3、ruoyi-ui\src\settings.js 加上 indexPage: ' ',
ruoyi-ui\src\store\modules\settings.js 也加上indexPage 以供頁面使用。
4、ruoyi-ui\src\router\index.js
注釋掉首頁的路由,加上自己想打開的路由;這個路由,目的是為了在直接通路端口,後續沒有帶具體路徑時,跳轉到redirect頁面;
注意:
步驟3中indexPage的值,我這裡設的是空字元串,與步驟4中path的值相同,是以登入後就會跳轉到redirect設定的頁面;
當然,這兩處設的值也可以不同,比如:
indexPage:'/yyy/yyyy',
{
path:'',
redirect:'/xxx/xxxx',
}
那麼這時候,登入後打開的頁面,與空路由通路的頁面就是不同的;