這篇文章主要介紹了vue中vue-Router如何將默認(rèn)hash模式修改為history需要做的修改，具有一定借鑒價值，感興趣的朋友可以參考下，希望大家閱讀完這篇文章之后大有收獲，下面讓小編帶著大家一起了解一下。

專注于為中小企業(yè)提供成都網(wǎng)站制作、成都網(wǎng)站設(shè)計、外貿(mào)營銷網(wǎng)站建設(shè)服務(wù),電腦端+手機(jī)端+微信端的三站合一,更高效的管理,為中小企業(yè)龍灣免費做網(wǎng)站提供優(yōu)質(zhì)的服務(wù)。我們立足成都，凝聚了一批互聯(lián)網(wǎng)行業(yè)人才，有力地推動了數(shù)千家企業(yè)的穩(wěn)健成長，幫助中小企業(yè)通過網(wǎng)站建設(shè)實現(xiàn)規(guī)模擴(kuò)充和轉(zhuǎn)變。

主要是因為活動頁會存在pc端的時候未登錄的用戶也需要訪問的問題，因為未登錄用戶在活動頁面進(jìn)行操作的時候會觸發(fā)到登錄事件，然后我們實現(xiàn)的方式是通過接口來判斷，該接口標(biāo)記的是一個upn的值

然后登錄的時候是單點登錄，不知道是否回調(diào)地址不支持vue形式下hash模式的路由，因而自動忽視了后面的#路徑

然后我查了一下一般回調(diào)以后#后都會默認(rèn)為書簽，我轉(zhuǎn)義了然而還是只能職別#之前的路徑

由于不是很清楚登錄單點那一塊而且他們暫時實現(xiàn)沒有什么業(yè)務(wù)問題（當(dāng)然開始~~就是不穩(wěn)定，現(xiàn)在有時候還是會有不穩(wěn)定的問題）所以暫時不存在讓他們的回調(diào)地址支持vue的hash模式路由的問題

然后我就只能修改vue Router的路由模式，修改為了hostory模式

好吧，摸索了很久不然可能真的沒有辦法解決

運維部署的活動地址線上的路徑是 https://xxxxx.xxxxl.com/activity

我做了兩處修改

1、修改模式

2、切到網(wǎng)站路徑下的/activity

3、其它路徑切到/activity/

當(dāng)然這么處理以后本地運行出來肯定是白板。因為方便我一般是切到文件夾下直接 run的

沒有再本地使用搭建本地的所以，需要兩份路由一份只修改模式，一份繼修改模式又切換路徑

然后這樣只是代碼上的處理我們還需要修改服務(wù)端的配置

基于運維良好的配合，才能嘗試出來，很是開心

他們本來對活動做的配置

使用 try命令嘗試多種配置

location / { try_files $uri $uri/ /index.html; }

然后完成這些設(shè)置以后線上終于可以訪問 https://xxxxx.xxxxx.com/activity/valentine

這種路徑的形式了，當(dāng)然這個地址是實際存在的，它并不會跳轉(zhuǎn)到配置的路由的首頁

感謝你能夠認(rèn)真閱讀完這篇文章，希望小編分享的“vue中vue-Router如何將默認(rèn)hash模式修改為history需要做的修改”這篇文章對大家有幫助，同時也希望大家多多支持創(chuàng)新互聯(lián)，關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，更多相關(guān)知識等著你來學(xué)習(xí)!