在使用Vue Router的過程中，不可避免地會遇到刷新頁面后出現404的情況。這是由于Vue Router單頁應用的機制所造成的。在使用Vue Router的時候，我們一般都會使用history mode，它通過使用HTML5 History API，在不刷新頁面的情況下，在URL中添加“/”，讓路由系統能夠正常工作。但是，當我們手動刷新頁面時，就會發現頁面出現404，這是因為瀏覽器會像發送一次新請求一樣去請求該URL對應的資源，而該資源并不存在。

我們可以通過配置服務器來處理這種情況。如果你使用的是Apache服務器，可以在.htaccess文件中加入以下代碼：

RewriteEngine On
RewriteBase /
RewriteRule ^index\.html$ - [L]
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule . /index.html [L]

上述代碼的作用是將所有URL都轉到index.html文件中，而Vue Router會在該文件中找到對應的路由。

如果你使用的是Nginx服務器，可以在server中添加以下代碼：

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

這段代碼的意思是當請求的資源不存在的時候，將其重定向到index.html文件中。

除了配置服務器之外，我們還可以使用Vue Router提供的beforeEach方法來解決這個問題。該方法是路由跳轉前執行的函數，我們可以在該函數中判斷是否為404，如果是，則將其重定向到首頁。以下是一個例子：

const router = new VueRouter({
mode: 'history',
routes: [
{
path: '*',
redirect: '/'
}
]
});
router.beforeEach((to, from, next) =>{
if (to.matched.length === 0) {
next('/');
} else {
next();
}
});

以上代碼中，我們首先在路由配置中添加了一個“*”的路由，表示所有未匹配的路由都將被重定向到首頁。在beforeEach方法中，我們判斷該路由是否匹配成功，如果未匹配成功，則將其重定向到首頁。否則，繼續執行原來的路由。

總結來說，處理Vue Router的刷新404問題，我們有兩種方法。一種是配置服務器，將所有請求都重定向到index.html中；另一種是在beforeEach方法中判斷是否為404，如果是，則將其重定向到首頁。無論采用哪種方法，都可以讓Vue Router在刷新頁面后正常工作。