溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
vue中重定向redirect:‘/index‘,不顯示問題和跳轉出錯的解決方法？相信很多沒有經驗的人對此束手無策，為此本文總結了問題出現的原因和解決方法，通過這篇文章希望你能解決這個問題。
在路由配置中，設置重定向后，瀏覽器打開是空白沒有內容，這里首先確保你的結構沒有寫錯，然后查看單詞是否拼錯誤，一般情況是因為單詞拼寫錯誤。
修改后，跳轉成功：
附錄：VUE通過后端重定向到VUE的頁面后，前端路由失效的解決方案
這個問題是我在做微信授權登錄的時候遇到的。
具體描述：
用戶打開頁面后，路由攔截判斷用戶是否登錄，如果未登錄，則將用戶的訪問地址記錄到localStorage里面，等待授權后重定向到該頁面。
當我使用location.href將頁面跳轉到后端地址，進行微信用戶信息獲取完成，由php后端通過header將頁面重定向到我http://my.app.com/#/login 頁面時，發現似乎并沒有路由到login頁面，而是卡在了 #/ 默認路由。在微信瀏覽器中將頁面地址復制出來，發現確實是丟失了#后面的部分。
經過一系列的思考，懷疑是瀏覽器緩存的原因，php后端通過header()函數跳轉時，加上隨機數字，防止瀏覽器使用緩存。即：
header("Location:http://my.app.com/?".time()."#/login")，在url中加上時間戳，防止瀏覽器使用緩存是一種很常見的做法。
這個問題的原因我猜想可能是一開始瀏覽器訪問了http://my.app.com/。而之后重定向的http://my.app.com/#/login只是多了#號后的部分，傳統頁面中#被作為錨點使用，所以瀏覽器認為你訪問了2個一模一樣的頁面，所以使用了緩存。
這個問題并不是在所有手機上都有的，部分手機才會出現這個問題，不過加上隨機數之后，問題完美解決！
看完上述內容，你們掌握vue中重定向redirect:‘/index‘,不顯示問題和跳轉出錯的解決方法的方法了嗎？如果還想學到更多技能或想了解更多相關內容，歡迎關注億速云行業資訊頻道，感謝各位的閱讀！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
