Как перенаправить на страницу 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 страницу пользователю. Как это можно сделать?