您好,登錄后才能下訂單哦!
這篇文章主要介紹了vue中vue-Router如何將默認hash模式修改為history需要做的修改,具有一定借鑒價值,感興趣的朋友可以參考下,希望大家閱讀完這篇文章之后大有收獲,下面讓小編帶著大家一起了解一下。
主要是因為活動頁會存在pc端的時候未登錄的用戶也需要訪問的問題,因為未登錄用戶在活動頁面進行操作的時候會觸發到登錄事件,然后我們實現的方式是通過接口來判斷,該接口標記的是一個upn的值
然后登錄的時候是單點登錄,不知道是否回調地址不支持vue形式下hash模式的路由,因而自動忽視了后面的#路徑
然后我查了一下一般回調以后#后都會默認為書簽,我轉義了然而還是只能職別#之前的路徑
由于不是很清楚登錄單點那一塊而且他們暫時實現沒有什么業務問題(當然開始~~就是不穩定,現在有時候還是會有不穩定的問題)所以暫時不存在讓他們的回調地址支持vue的hash模式路由的問題
然后我就只能修改vue Router的路由模式,修改為了hostory模式
好吧,摸索了很久不然可能真的沒有辦法解決
運維部署的活動地址線上的路徑是 https://xxxxx.xxxxl.com/activity
我做了兩處修改
1、修改模式
2、切到網站路徑下的/activity
3、其它路徑切到/activity/
當然這么處理以后本地運行出來肯定是白板。因為方便我一般是切到文件夾下直接 run的
沒有再本地使用搭建本地的所以,需要兩份路由一份只修改模式,一份繼修改模式又切換路徑
然后這樣只是代碼上的處理我們還需要修改服務端的配置
基于運維良好的配合,才能嘗試出來,很是開心
他們本來對活動做的配置
使用 try命令嘗試多種配置
location / { try_files $uri $uri/ /index.html; }
然后完成這些設置以后線上終于可以訪問 https://xxxxx.xxxxx.com/activity/valentine
這種路徑的形式了,當然這個地址是實際存在的,它并不會跳轉到配置的路由的首頁
感謝你能夠認真閱讀完這篇文章,希望小編分享的“vue中vue-Router如何將默認hash模式修改為history需要做的修改”這篇文章對大家有幫助,同時也希望大家多多支持億速云,關注億速云行業資訊頻道,更多相關知識等著你來學習!
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。