Nuxt. js Root маршрутизация и ярлыки уровня root для нескольких ресурсов

Question

Я создаю интерфейс электронной коммерции с использованием Nuxt и хотел бы иметь ярлыки уровня root для как можно большего числа ресурсов. Наиболее важными из них являются пути к каталогам и URL-адреса продуктов. Очевидным было использование файловой структуры Nuxt для маршрутизации для создания:

• .com / category / men / tshirt
• .com / category / women / tshirt
• .com / product / name-of-product-slug

Я хочу достичь:

• .com / men / tshirt
• .com / name-of-product-slug

Лог c должен проверять, соответствует ли патч какому-либо из известных значений (мужчины, женщины), и загружать компонент страницы категории. Если этого не произойдет, он загрузит компонент продукта и, наконец, 404.

Возможно ли это? Я подумал о том, чтобы получить Route Path и загрузить компонент или страницу на этом или промежуточном программном обеспечении.

Answer 1

В большинстве случаев, если вы хотите достичь определенной c логики маршрутизации c, отменяющей естественную логику Nuxt, вы должны использовать router-module сообщества nuxt.

После использования маршрутизатора classi c вы сможете создать Regex для соответствия вашему маршруту, поскольку vue -router использует path-to-regex

Вы бы иметь возможность достичь чего-то вроде

{ path: '/:gender(\(men|women))', name: 'category', component: Category }

или любого Regexp logi c, который вы хотите, которого должно быть достаточно в вашем случае.