Почему существует редирект с каждой страницы Vue?

Вы должны определить все свои маршруты как path: '*'перенаправит все маршруты на not found, если вы их не определили.

import NotFound from './views/NotFound'
import NewComponent from './views/NewComponent'

const router = new VueRouter({
  mode: 'history',
  routes: [
   {
    path: '/',
    component: NewComponent,
    children: [
      {
         path: '404',  // Changed
         name: '404', 
         component: NotFound
      }
    ]
   },
   { 
    path: '*', 
    redirect: '/404' 
   }
})

Теперь, если вы попробуете /route, он перенаправит вас на NewComponent Это просто пример. Надеюсь, это поможет И вы должны использовать window.location.href = "/404.php"внутри созданного крюка

<template>
  <div id="404">Page Not Found</div>
</template>
<script>
  export default {
     created () {
       window.location.href = "/404.php"
     }
  }
</script>