Vue路由自動添加#的問題及解決
Vue路由自動添加#
在使用VueRouter時,配置了幾個路由規(guī)則
嘗試在瀏覽器中輸入路由地址(/order,/person等)來測試Vue組件是否跳轉(zhuǎn)成功,發(fā)現(xiàn)瀏覽器總是自動在最后添加#/home,導(dǎo)致跳轉(zhuǎn)失敗。
將路由模式設(shè)置為history,問題解決。
Vue路由去除 鏈接 / 前面的 #
在創(chuàng)建router實列化的地方添加mode模式即可
const router=new VueRouter({ mode: 'history', // 添加了mode 為history模式 routes })
以上為個人經(jīng)驗,希望能給大家一個參考,也希望大家多多支持腳本之家。
相關(guān)文章
Vuejs學(xué)習(xí)筆記之使用指令v-model完成表單的數(shù)據(jù)雙向綁定
表單類控件承載了一個網(wǎng)頁數(shù)據(jù)的錄入與交互,本章將介紹如何使用指令v-model完成表單的數(shù)據(jù)雙向綁定功能,本文通過實例代碼給大家介紹的非常詳細,具有一定的參考借鑒價值。感興趣的朋友跟隨小編一起看看吧2019-04-04Element-Plus Select組件實現(xiàn)滾動分頁加載功能
Element-Plus的select組件并沒有自帶滾動分頁加載的功能,其雖然提供了自定義下拉菜單的底部的方式可以自定義上一頁及下一頁操作按鈕的方式進行分頁加載切換,這篇文章主要介紹了Element-Plus Select組件實現(xiàn)滾動分頁加載功能,需要的朋友可以參考下2024-03-03Vue移動端用淘寶彈性布局lib-flexible插件做適配的方法
這篇文章主要介紹了Vue移動端用淘寶彈性布局lib-flexible插件做適配的操作方法,本文通過實例代碼給大家介紹的非常詳細,對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值,需要的朋友可以參考下2020-05-05vue全局引入公共的scss和@mixin與@include的使用方式
這篇文章主要介紹了vue全局引入公共的scss和@mixin與@include的使用方式,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2024-02-02Vue openLayers實現(xiàn)圖層數(shù)據(jù)切換與加載流程詳解
OpenLayers是一個用于開發(fā)WebGIS客戶端的JavaScript包,最初基于BSD許可發(fā)行。OpenLayers是一個開源的項目,其設(shè)計之意是為互聯(lián)網(wǎng)客戶端提供強大的地圖展示功能,包括地圖數(shù)據(jù)顯示與相關(guān)操作,并具有靈活的擴展機制2022-09-09