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

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

1 голос
/ 07 марта 2019

В настоящее время я работаю над интернализацией сайта с использованием 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 , но безуспешно.

1 Ответ

1 голос
/ 07 марта 2019

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

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