如何解决Vue 路由器 i18n 重定向到路由中的重复区域设置
我有一个带有 i18n 和通过 naviation Guard 身份验证的 vue 应用程序。
我的问题是当我运行时:
ResponsePojo(Mobile number: none,11)
ResponsePojo(Mobile number: +49 9090 87654321,22)
ResponsePojo(Mobile number: +49 9090 8765****,42)
我被推送到 example.com/en/en/list/123 而不是 example.com/en/list/123
当我在导航守卫中放置调试器时,它说我的 to.path 是“/en/en/list/123” 但我正在推动 /en/list/123。怎么会这样? 这与我在路由器中的重定向有关吗?
这是我的 router.js:
@click="pushRouteTo(`${$i18n.locale}/list/` + f.id)"
pushRouteTo(route) {
try {
this.$router.push(route);
} catch (error) {
if (!(error instanceof NavigationDuplicated)) {
throw error;
}
}
}
解决方法
这个问题的根源是我的路线中缺少一个斜线。
pushRouteTo(`${$i18n.locale}/list/` + f.id)
应该是:
pushRouteTo(`${/$i18n.locale}/list/` + f.id)
这就是它创建双重语言环境的原因。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。