vue-router
默認使用 hash
模式,所以在路由加載的時候,項目中的 url
會自帶 #
。如果不想使用 #
, 可以使用 vue-router
的另一種模式 history
new Router({ mode: 'history', base: process.env.BASE_URL, routes })
需要注意的是,當我們啓用 history 模式的時候,由於我們的項目是一個單頁面應用,所以在路由跳轉的時候,就會出現訪問不到靜態資源而出現 404 的情況,這時候就需要服務端增加一個覆蓋所有情況的候選資源:如果 URL 匹配不到任何靜態資源,則應該返回同一個 index.html 頁面。