How to handle path: '/:category' and path: '/:city?

Question

Vue.js

I have a single page application with SSR configured, according to this documentation .
I need to make access along the path - /sitename/category and also /sitename/city

I created this route:

catalog: {
      path: '/:param/',
    },

Я получаю по апи набор категорий и набор городов. В теории я могу просто проверить и сделать некоторое сопоставление отчего уже выбирать какой компонент рендерить. Но некоторые вещи не понимаю как реализовать:

1) На такую страницу попадает абсолютно любой роут. Где лучше обработать эту выборку? В serverPrefetch?
2) Как в случае если роут города и категории не был найден отобразить компонет 404-той страницы и сделать так, чтобы он отдавал код ответа 404?

Answer 1

В beforeEnter обработай как хочешь.