天天看點

RuoYi架構首頁問題

自己搞了一個去掉首頁的方案,記錄下來以防忘記。

如果有什麼錯誤或者更好的方案,歡迎交流。

背景:

最近使用了一個叫Ruoyi的架構;

但是發現頁面裡總是有一個首頁。

RuoYi架構首頁問題

我做的是一個小系統,不需要首頁,要去掉這個首頁,但是沒有找到哪裡可以配置是否有首頁的選項;是以我自己搞了一個解決方案,可選擇是否有首頁,并且登入後可自動打開某頁面;

 步驟如下:

1、ruoyi-ui\src\components\Breadcrumb\index.vue 

RuoYi架構首頁問題

 注釋掉這段代碼,因為它會在圖中标紅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架構首頁問題

      ruoyi-ui\src\store\modules\settings.js 也加上indexPage 以供頁面使用。

RuoYi架構首頁問題

4、ruoyi-ui\src\router\index.js

注釋掉首頁的路由,加上自己想打開的路由;這個路由,目的是為了在直接通路端口,後續沒有帶具體路徑時,跳轉到redirect頁面;

RuoYi架構首頁問題

注意:

        步驟3中indexPage的值,我這裡設的是空字元串,與步驟4中path的值相同,是以登入後就會跳轉到redirect設定的頁面;

        當然,這兩處設的值也可以不同,比如:

indexPage:'/yyy/yyyy',

{
    path:'',
    redirect:'/xxx/xxxx',
}
           

那麼這時候,登入後打開的頁面,與空路由通路的頁面就是不同的;