在vue實際開發(fā)過程中，很多項目同時具備移動端和pc端，需要做到不同的設(shè)備訪問不同的網(wǎng)頁。這時就需要用到路由守衛(wèi)，通過路由攔截來判斷是否為移動端，再跳轉(zhuǎn)不同頁面。有關(guān)路由守衛(wèi)的內(nèi)容可以點擊此鏈接>>查看。
首先在index.js中定義一個變量來判斷是不是移動設(shè)備。
接著通過路由攔截來修改跳轉(zhuǎn)路徑。如果是移動設(shè)備，且能夠成功引入mobile+path這個路徑的話，就在路徑前增加’/mobile’；pc端則相反，跳過’/mobile’再訪問。如圖所示：
這樣便能夠?qū)崿F(xiàn)pc端和移動端頁面之間的自動跳轉(zhuǎn)。
需要注意，移動端和pc端的路由應(yīng)保持一致，如pc端路由為：’/center/index’，則移動端應(yīng)為’/mobile/center/index’。
