使用Vue開發前端項目時，我們通常會把打包好的靜態資源放到Nginx服務器上進行部署。但有時候，當我們在進行頁面跳轉時，會遇到404錯誤的情況，這是由于Nginx無法解析vue-router的History模式造成的。

解決這個問題，需要在Nginx的配置文件中添加一些代碼：

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

這段代碼的含義是當請求的路徑找不到時，嘗試返回index.html頁面。這樣就能保證所有請求都被vue-router正確地解析。

但有一種情況下依然會出現404錯誤，那就是當我們手動刷新瀏覽器時，Nginx無法識別路由，導致又會返回404頁面。

對于這種情況，我們需要在Nginx的配置文件中繼續添加代碼：

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

這段代碼的含義是當請求路徑無法識別時，返回index.html頁面，并且狀態碼為404。這樣就能保證我們手動刷新瀏覽器時，頁面能夠正確地跳轉。

此外，我們還可以通過vue-cli提供的配置項來解決該問題。在vue.config.js文件中添加如下代碼：

module.exports = {
devServer: {
historyApiFallback: {
index: '/index.html'
}
}
}

這段代碼的含義是當請求路徑無法匹配時，返回index.html頁面。同樣可以解決手動刷新瀏覽器時出現的404錯誤。

總的來說，在使用vue-router的History模式時，我們需要在Nginx的配置文件中進行相應的配置，才能保證頁面能夠正確地跳轉。同時在開發時，我們也需要注意到這個問題，并進行相應的處理。