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 運(yùn)行環(huán)境，如 Node.js 服務(wù)器端。如果發(fā)現(xiàn)沒有瀏覽器的 API，路由會自動強(qiáng)制進(jìn)入這個模式。
以上這篇vue.js路由mode配置之去掉url上默認(rèn)的#方法就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關(guān)文章
用vue-cli開發(fā)vue時的代理設(shè)置方法
今天小編就為大家分享一篇用vue-cli開發(fā)vue時的代理設(shè)置方法，具有很好的參考價值。希望對大家有所幫助。一起跟隨小編過來看看吧2018-09-09
解決vue-router中的query動態(tài)傳參問題
下面小編就為大家分享一篇解決vue-router中的query動態(tài)傳參問題，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-03-03
這篇文章主要介紹了vue中forEach循環(huán)的使用，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-06-06
本文給大家分享一段詳細(xì)的代碼給大家介紹Vue+Vux項目實踐思路,需要的朋友可以參考下2017-11-11
這篇文章主要介紹了vue diff算法的使用，幫助大家更好的理解和學(xué)習(xí)使用vue，感興趣的朋友可以了解下2021-04-04
vue2.0 computed 計算list循環(huán)后累加值的實例
下面小編就為大家分享一篇vue2.0 computed 計算list循環(huán)后累加值的實例，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-03-03
在本篇文章中小編給大家分享了關(guān)于vue源碼架構(gòu)的相關(guān)知識點內(nèi)容，有需要的朋友們學(xué)習(xí)下。2019-01-01
這篇文章主要介紹了vue請求數(shù)據(jù)的三種方式,文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-03-03
Vue.js中的插槽（slot）是一種機(jī)制，允許你在組件的模板中預(yù)留一些位置，以便父組件可以將任意內(nèi)容插入到這些位置，這使得組件更加靈活和可復(fù)用，本文主要介紹了vue中slot插槽的參數(shù)匯總及使用方案,需要的朋友可以參考下2024-03-03
假設(shè)?App?的用戶可以在短時間內(nèi)進(jìn)行多個?API?調(diào)用,但您只想顯示上次調(diào)用的結(jié)果,之前正在進(jìn)行的請求變得無關(guān)緊要,在這種情況下,您可以利用?Axios?攔截器,本文給大家介紹了如何使用Axios攔截器中止Vue請求,需要的朋友可以參考下2023-11-11