在使用Vue時，我們會經常用到路由。默認情況下，Vue的路由模式是哈希模式（Hash mode），也就是在URL的#符號后面修改路由的值。例如，我們要切換路由到/about頁面，URL會變成http://example.com/#/about。

然而，有些時候我們需要使用歷史模式（History mode）來處理路由。歷史模式使用HTML5的history API來處理URL，URL看起來更加干凈。例如，我們要切換路由到/about頁面，URL會變成http://example.com/about。

//Vue默認的路由模式為哈希模式
const router = new VueRouter({
mode: 'hash',
routes: [...]
})

要使用歷史模式，我們需要在VueRouter的配置中將mode屬性設置為'history'。但是這樣做會有一個問題：當我們在history模式下刷新頁面時，服務器會認為我們要訪問一個文件，而不是路由。這會導致服務器返回404錯誤。為了解決這個問題，我們需要在服務器上配置一個重定向規則，將所有的URL都重定向到index.html文件。

例如，在Nginx服務器上，我們可以添加以下配置來實現重定向：

location / {
try_files $uri $uri/ /index.html;
}

重定向規則告訴服務器，如果請求的URL不存在，就嘗試查找一個同名的目錄或文件，如果找不到，就重定向到index.html文件。這樣就可以在history模式下刷新頁面了。

在使用歷史模式時，我們需要注意：在開發環境下，如果我們使用webpack-dev-server來開發，那么我們需要在webpack的配置中添加一個選項：historyApiFallback，來告訴服務器處理所有404響應，返回index.html文件，以便應用可以正確地處理頁面跳轉。

//webpack.config.js
module.exports = {
devServer: {
historyApiFallback: true,
...
},
...
}

使用Vue的路由模塊，我們可以很方便地實現URL路由。不過，在選擇路由模式時，我們需要考慮到效果、適用場景、瀏覽器兼容性和服務器配置等各個方面，來選擇適合自己應用的路由模式。