使用文件夹的动态路由中的可选子弹

时间:2019-03-07 14:00:58

标签: vue.js nuxt.js nuxt nuxt-i18n

我目前正在使用Vue.js和Nuxt框架对网站进行内部化。 我正在从页面的网址website.com/my-page移到website.com/<lang>/my-page

为此,在documentation之后,我将所有页面移到了_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
|
...

由于这是一个非常繁琐的过程,有没有办法使它自动化?

谢谢

旁注:我一直在调查extendRoutes,但没有成功。

1 个答案:

答案 0 :(得分:0)

您可以使用router-extras-module模块。

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