這篇文章將為大家詳細講解有關vue.js路由mode配置之如何去掉url上默認的#，小編覺得挺實用的，因此分享給大家做個參考，希望大家閱讀完這篇文章后可以有所收獲。

為扎魯特旗等地區(qū)用戶提供了全套網(wǎng)頁設計制作服務，及扎魯特旗網(wǎng)站建設行業(yè)解決方案。主營業(yè)務為網(wǎng)站設計制作、成都網(wǎng)站建設、扎魯特旗網(wǎng)站設計，以傳統(tǒng)方式定制建設網(wǎng)站，并提供域名空間備案等一條龍服務，秉承以專業(yè)、用心的態(tài)度為用戶提供真誠的服務。我們深信只要達到每一位用戶的要求，就會得到認可，從而選擇與我們長期合作。這樣，我們也可以走得更遠！

比如 ： http://localhost:8080/#/login 路由中間默認帶有 #

如果需要去掉#，只需將mode的默認值'hash'改為'history'即可。

router.js :

import Router from 'vue-router'
import routers from './routers'

export default () => {
  return new Router({
    routers,
    mode: 'history' // 加上這個配置項，url默認的 # 就不會出現(xiàn)了
  })
}

關于mode說明：

默認值： ‘hash‘(瀏覽器) 或 ‘a(chǎn)bstract‘(node.js)

可選值 ： ‘hash' | ‘history' | ‘a(chǎn)bstract'

hash: 使用 URL hash 值來作路由。支持所有瀏覽器，包括不支持 HTML5 History Api 的瀏覽器。

history: 依賴 HTML5 History API 和服務器配置。點擊查看官方HTML5 History 模式說明.

abstract: 支持所有 JavaScript 運行環(huán)境，如 Node.js 服務器端。如果發(fā)現(xiàn)沒有瀏覽器的 API，路由會自動強制進入這個模式。

關于“vue.js路由mode配置之如何去掉url上默認的#”這篇文章就分享到這里了，希望以上內容可以對大家有一定的幫助，使各位可以學到更多知識，如果覺得文章不錯，請把它分享出去讓更多的人看到。

另外有需要云服務器可以了解下創(chuàng)新互聯(lián)scvps.cn，海內外云服務器15元起步，三天無理由+7*72小時售后在線，公司持有idc許可證，提供“云服務器、裸金屬服務器、高防服務器、香港服務器、美國服務器、虛擬主機、免備案服務器”等云主機租用服務以及企業(yè)上云的綜合解決方案，具有“安全穩(wěn)定、簡單易用、服務可用性高、性價比高”等特點與優(yōu)勢，專為企業(yè)上云打造定制，能夠滿足用戶豐富、多元化的應用場景需求。

網(wǎng)站欄目：vue.js路由mode配置之如何去掉url上默認的#-創(chuàng)新互聯(lián)
分享路徑：http://weahome.cn/article/pjjjh.html