vue router 的hash

初用vue從看項目代碼開始，看到router裏面的mode:'hash',不理解什麼意思。

官方文檔中註釋以下：

mode

• 類型: string

• 默認值: "hash" (瀏覽器環境) | "abstract" (Node.js 環境)

• 可選值: "hash" | "history" | "abstract"

  配置路由模式:

  • hash: 使用 URL hash 值來做路由。支持全部瀏覽器，包括不支持 HTML5 History Api 的瀏覽器。

  • history: 依賴 HTML5 History API 和服務器配置。查看 HTML5 History 模式。

  • abstract: 支持全部 JavaScript 運行環境，如 Node.js 服務器端。若是發現沒有瀏覽器的 API，路由會自動強制進入這個模式。

看完仍是懵懂，可是發現如下區別：

 mode設置爲「hash」時，瀏覽器的URL顯示爲(http://localhost:9000/#/home/home ),

 mode設置爲"history"時，瀏覽器URL顯示爲(http://localhost:9000/home/home),設置「history」後連接中沒有#

隨着學習的深刻再補充吧！

 

未完待續……