Дополнительный слаг в динамическом маршруте с использованием папки

Question

В настоящее время я работаю над интернализацией сайта с использованием Vue.js и фреймворков Nuxt. Я перехожу с URL-адреса страницы website.com/my-page в website.com/<lang>/my-page,

Для этого, следуя документации, я переместил все свои страницы в _lang папка, давая мне следующую архитектуру:

pages/
│
└───_lang
│     │ 
|     |__ my-page.vue
|
...

Это работает именно так, как задумано, за исключением того факта, что <lang> Слизняк теперь является обязательным, что делает доступ к website.com/my-page вернуть 404.

Я хотел бы, чтобы этот URL отображал страницу на языке по умолчанию, объявленном в моем приложении.

Единственный способ, который я нашел для достижения этой цели, - это создать my-page.vue в корне pages/ содержащий следующее:

<script>
import Mypage from '~/pages/_lang/my-page'
export default Mypage
</script>

Однако это означает создание такого псевдонима для каждой страницы моего сайта, что дает мне:

pages/
│
│─── my-page.vue
│
└───_lang/
│     │ 
|     |__ my-page.vue
|
...

Есть ли способ сделать это автоматизированным, так как это очень утомительный процесс?

Спасибо,

Примечание: я безуспешно изучаю exteRoutes.

Answer 1

Вы можете использовать модуль router-extras- module.

<router>
    alias:
        - /my-page
</router>