Как перенаправить на страницу 404 из компонента vue

Я новичок в разработке сайтов и застрял на одной проблеме. как перенаправить пользователя на страницу с ошибкой 404.

У меня есть такие маршруты

 {
        path:"/catalog/:catalog",
        name: 'products',
        component: () => import('./views/products.vue')
    },
    {
        path: '/404',
        alias: '*',
        component: () => import('./views/pagenotfound.vue') 
    },
    {
        path: '/:catchAll(.*)',
        redirect: '/404'
    }

и такой action в vuex

            axios.get("/api/products/"+category).then(responce =>{
                context.commit('setProducts',responce.data.products)
            })
            // .catch(Что-то тут надо сделать?)
        }

Получается, что у меня обработан первый маршрут, где компонент делает запрос на получение данных. В случае, если запрос к back вернет 404 (он возвращается при необходимости), то мне нужно как-то вернуть 404 страницу пользователю. Как это можно сделать?


Ответы (0 шт):