欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

vue vue-Router默認(rèn)hash模式修改為history需要做的修改詳解

 更新時間:2018年09月13日 09:44:35   作者:Annkeke  
今天小編就為大家分享一篇vue vue-Router默認(rèn)hash模式修改為history需要做的修改詳解,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧

主要是因?yàn)榛顒禹摃嬖趐c端的時候未登錄的用戶也需要訪問的問題,因?yàn)槲吹卿浻脩粼诨顒禹撁孢M(jìn)行操作的時候會觸發(fā)到登錄事件,然后我們實(shí)現(xiàn)的方式是通過接口來判斷,該接口標(biāo)記的是一個upn的值

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

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

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

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

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

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

我做了兩處修改

1、修改模式

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

3、其它路徑切到/activity/

當(dāng)然這么處理以后本地運(yùn)行出來肯定是白板。因?yàn)榉奖阄乙话闶乔械轿募A下直接 run的

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

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

基于運(yùn)維良好的配合,才能嘗試出來,很是開心

他們本來對活動做的配置

參考router官方文檔https://router.vuejs.org/zh-cn/essentials/history-mode.html

使用 try命令嘗試多種配置

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

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

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

以上這篇vue vue-Router默認(rèn)hash模式修改為history需要做的修改詳解就是小編分享給大家的全部內(nèi)容了,希望能給大家一個參考,也希望大家多多支持腳本之家。

相關(guān)文章

  • vue項(xiàng)目打包優(yōu)化方式(讓打包的js文件變小)

    vue項(xiàng)目打包優(yōu)化方式(讓打包的js文件變小)

    這篇文章主要介紹了vue項(xiàng)目打包優(yōu)化方式(讓打包的js文件變小),具有很好的參考價值,希望對大家有所幫助。如有錯誤或未考慮完全的地方,望不吝賜教
    2022-04-04
  • Vue中Vue.extend()的使用及解析

    Vue中Vue.extend()的使用及解析

    這篇文章主要介紹了Vue中Vue.extend()的使用及解析,具有很好的參考價值,希望對大家有所幫助。如有錯誤或未考慮完全的地方,望不吝賜教
    2022-10-10
  • 從vue源碼看props的用法

    從vue源碼看props的用法

    平時寫vue的時候知道 props 有很多種用法,今天我們來看看vue內(nèi)部是怎么處理 props 中那么多的用法的。非常具有實(shí)用價值,需要的朋友可以參考下
    2019-01-01
  • vue跳轉(zhuǎn)同一個路由參數(shù)不同的問題

    vue跳轉(zhuǎn)同一個路由參數(shù)不同的問題

    這篇文章主要介紹了vue跳轉(zhuǎn)同一個路由參數(shù)不同的問題,具有很好的參考價值,希望對大家有所幫助。如有錯誤或未考慮完全的地方,望不吝賜教
    2022-08-08
  • Vue2.x與Vue3.x中路由鉤子的區(qū)別詳解

    Vue2.x與Vue3.x中路由鉤子的區(qū)別詳解

    這篇文章主要介紹了Vue2.x與Vue3.x中路由鉤子的區(qū)別,分別介紹了路由鉤子的分類,路由配置守衛(wèi)鉤子以及組件內(nèi)守衛(wèi)鉤子等有需要的朋友可以借鑒參考下
    2021-09-09
  • Vue?3.0?中?hooks?的概念示例詳解

    Vue?3.0?中?hooks?的概念示例詳解

    在Vue3.0框架中,hooks函數(shù)允許將組件邏輯抽離復(fù)用,提高代碼的可維護(hù)性和復(fù)用性,通過封裝邏輯如獲取數(shù)據(jù)、處理狀態(tài)等,hooks使得組件開發(fā)更加高效和清晰,示例中,useDog.ts用于獲取狗狗圖片,展示了hooks封裝數(shù)據(jù)和邏輯、響應(yīng)式數(shù)據(jù)和異步操作的能力
    2024-10-10
  • 巧用Vue.js+Vuex制作專門收藏微信公眾號的app

    巧用Vue.js+Vuex制作專門收藏微信公眾號的app

    這篇文章主要為大家詳細(xì)介紹了vue自定義指令三步如何實(shí)現(xiàn)數(shù)據(jù)拉取更新,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2016-11-11
  • vue scroller返回頁面記住滾動位置的實(shí)例代碼

    vue scroller返回頁面記住滾動位置的實(shí)例代碼

    這篇文章主要介紹了vue scroller返回頁面記住滾動位置的實(shí)例代碼,非常不錯,具有參考借鑒價值,需要的朋友可以參考下
    2018-01-01
  • 詳解vue 中使用 AJAX獲取數(shù)據(jù)的方法

    詳解vue 中使用 AJAX獲取數(shù)據(jù)的方法

    本篇文章主要介紹了詳解vue 中使用 AJAX獲取數(shù)據(jù)的方法,在VUE開發(fā)時,數(shù)據(jù)可以使用jquery和vue-resource來獲取數(shù)據(jù),有興趣的可以了解一下。
    2017-01-01
  • Vue中v-show添加表達(dá)式的問題(判斷是否顯示)

    Vue中v-show添加表達(dá)式的問題(判斷是否顯示)

    這篇文章主要介紹了關(guān)于Vue中v-show中添加表達(dá)式用于判斷是否顯示的問題,很多朋友經(jīng)常會遇到這樣的需求,有數(shù)據(jù)來源和標(biāo)簽類型兩行選項(xiàng),需要實(shí)現(xiàn)點(diǎn)擊上面的某個數(shù)據(jù)來源時,標(biāo)簽類型自動切換功能,感興趣的朋友一起看看吧
    2018-03-03

最新評論