1. 程式人生 > >vue-router中的#

vue-router中的#

    vue工程搭建完成後,我們執行在瀏覽器中開啟,會發現url中多了一個#符號,

    有#是使用URL hash模式的緣故,#代表網頁中的一個位置,右邊的字元就是該位置的識別符號,從#開始的部分就是URL的錨部分,vue-router預設的是hash模式,如果覺得#在url中影響美觀,可以更改為history模式。

    history模式不帶#號,需要伺服器配置。

    前端路由有3種模式

    hash: 使用 URL hash 值來作路由。支援所有瀏覽器,包括不支援 HTML5 History Api 的瀏覽器。

    history: 依賴 HTML5 History API 和伺服器配置。

    abstract: 支援所有 JavaScript 執行環境,如 Node.js 伺服器端。如果發現沒有瀏覽器的 API,路由會自動強制進入這個模式

    開啟history模式的方法是,在router/index.js中,加入一行程式碼,mode: 'history',

    將預設的hash改為history,

    history模式需要伺服器配置,引用官方文件

    hash的相容性更好,建議使用hash實在覺得影響美觀,就用history。