我目前正在使用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,但没有成功。