首頁 >web前端 >js教程 >如何從 AngularJS URL 中刪除 # 哈希值?

如何從 AngularJS URL 中刪除 # 哈希值?

Susan Sarandon
Susan Sarandon原創
2024-12-02 13:54:10857瀏覽

How Can I Remove the # Hash from AngularJS URLs?

在沒有「#」雜湊的情況下導航AngularJS URL

在AngularJS 中,路由是使用$routeProvider 服務定義的該服務將URL 分配給特定的預設情況下,AngularJS 在URL 的開頭添加一個井號字符(#),從而產生如下路徑: “app/#/test”而不是“app/test”。

為什麼需要哈希?

這些瀏覽器解釋時需要哈希。帶有雜湊值的URL 作為客戶端更改而不是伺服器請求,允許AngularJS 控制路由而無需重新加載

刪除哈希

要避免哈希,您可以使用$locationProvider.html5Mode(true) 方法,此方法啟用HTML5 歷史記錄API。允許在沒有哈希值的情況下重寫 URL。

瀏覽器支援

並非所有瀏覽器都支援 HTML5 歷史 API。以下列表顯示支援它的瀏覽器:

  • Chrome
  • Firefox
  • Safari
  • 歌劇
  • 邊緣(Microsoft)

實作

要從 AngularJS URL中刪除哈希,請按照以下步驟操作:

    新增 $locationProvider。 html5Mode(true) 到您的應用程式的配置區塊:

以上是如何從 AngularJS URL 中刪除 # 哈希值?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn