Vue.js 是一種用于構建用戶界面的漸進式框架。它專注于 View 層，提供了 MVVM 數據綁定和組件化系統。Vue 中有一個非常重要的特性，就是以單頁面應用的形式構建。這種方式可以在前端實現路由跳轉，而不需要刷新整個頁面來實現視圖的切換。Vue Router 是 Vue.js 的官方路由管理器。

在 Vue Router 中，路由的模式分為 Hash 模式和 History 模式。其中 Hash 模式是通過 URL 中的 # 符號實現路由跳轉，而 History 模式則是通過 HTML5 中的 History API 來實現的。History 模式相比 Hash 模式，更加優雅、美觀，但是在部署時需要一些額外的配置。

// 路由配置
const router = new VueRouter({
mode: 'history',
routes: [...]
})
// 配置nginx
location / {
try_files $uri $uri/ /index.html;
}

上述代碼中，我們可以看到在 Vue Router 中設置 mode 為 'history'，表示開啟 History 模式。此外，需要配置 Nginx 服務器，將所有請求都指向 index.html 文件。這樣，當用戶在地址欄中輸入一個 URL 時，服務器會將其轉發到 index.html，Vue Router 會根據 URL 的不同，然后進行相應組件的渲染。

在使用 Vue Router 部署時，我們還需要注意一些細節。在部署前，需要將 Vue 中的路由 base 修改為 '/yourappname/'，以確保路由跳轉正確。同時，在使用 History 模式時，我們需要確保服務器已正確配置，否則會出現 404 錯誤。

總的來說，在使用 Vue Router 進行部署時，需要對路由模式和服務器配置進行一定的了解，并進行相應的配置和設置。只有在正確的配置下，我們才能讓 Vue Router 正常運行，讓前端的路由跳轉更加連貫和美觀。