vue.js路由mode配置之去掉url上默認(rèn)的#方法
更新時間：2019年11月01日 11:16:36 作者：LHB雷歐奧特曼
今天小編就為大家分享一篇vue.js路由mode配置之去掉url上默認(rèn)的#方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
比如 ： http://localhost:8080/#/login 路由中間默認(rèn)帶有 #
如果需要去掉#，只需將mode的默認(rèn)值'hash'改為'history'即可。
router.js :
import Router from 'vue-router'
import routers from './routers'
export default () => {
return new Router({
routers,
mode: 'history' // 加上這個配置項，url默認(rèn)的 # 就不會出現(xiàn)了
})
}
關(guān)于mode說明：
默認(rèn)值： ‘hash‘(瀏覽器) 或 ‘a(chǎn)bstract‘(node.js)
可選值 ： ‘hash' | ‘history' | ‘a(chǎn)bstract'
hash: 使用 URL hash 值來作路由。支持所有瀏覽器，包括不支持 HTML5 History Api 的瀏覽器。
history: 依賴 HTML5 History API 和服務(wù)器配置。點擊查看官方HTML5 History 模式說明.
abstract: 支持所有 JavaScript 運行環(huán)境，如 Node.js 服務(wù)器端。如果發(fā)現(xiàn)沒有瀏覽器的 API，路由會自動強制進(jìn)入這個模式。
以上這篇vue.js路由mode配置之去掉url上默認(rèn)的#方法就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關(guān)文章
詳解Vue前端生產(chǎn)環(huán)境發(fā)布配置實戰(zhàn)篇
這篇文章主要介紹了詳解Vue前端生產(chǎn)環(huán)境發(fā)布配置實戰(zhàn)篇，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2019-05-05
解決Vue項目Network:?unavailable的問題
項目只能通過Local訪問而不能通過Network訪問,本文主要介紹了解決Vue項目Network:?unavailable的問題,具有一定的參考價值,感興趣的可以了解一下2024-06-06
VUE3+Element-plus中el-form的使用示例代碼
這篇文章主要介紹了VUE3+Element-plus中el-form的使用示例代碼,本文通過圖文示例代碼相結(jié)合給大家介紹的非常詳細(xì),需要的朋友可以參考下2024-07-07
這篇文章主要介紹了vue組件中傳值EventBus的使用及注意事項說明，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2020-11-11
Vue3中Element-Plus分頁(Pagination)組件的使用
Element-Plus分頁(Pagination)組件在開發(fā)過程中數(shù)據(jù)展示會經(jīng)常使用到,同時分頁功能也會添加到頁面中,下面我們就來學(xué)習(xí)一下它的具體使用,需要的可以參考一下2023-11-11
本篇文章主要介紹了vue配置多頁面的實現(xiàn)方法，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-05-05
Vue組件通信入門之Provide和Inject機(jī)制
這篇文章主要給大家介紹了關(guān)于Vue組件通信入門之Provide和Inject機(jī)制的相關(guān)資料，文中通過示例代碼介紹的非常詳細(xì)，對大家學(xué)習(xí)或者使用Vue組件通信具有一定的參考學(xué)習(xí)價值，需要的朋友們下面來一起學(xué)習(xí)學(xué)習(xí)吧2019-12-12
本篇文章主要介紹了vue-loader，vue-loader是webpack下loader插件 可以把.vue文件輸出成組件，有興趣的可以了解一下2017-06-06
這篇文章主要介紹了Vue 實現(xiàn)前進(jìn)刷新后退不刷新的效果,小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2019-06-06
這篇文章主要介紹了關(guān)于Vue組件間的常用傳參方式，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-09-09