vue.js - vue-i18n 多语言路由
问题描述
我想在路由中使用带有 /:lang 的 vue-i18n ...但我想忽略默认语言,例如:www.domain.com/somwhere使用我的默认语言和 www.domain.com/fr/somwhere使用法语版本....有什么办法吗?
现在是这样的:
www.domain.com/en default
www.domain.com/fr french
www.domain.com/du dutch
它必须是这样的:
www.domain.com/ default
www.domain.com/fr french
www.domain.com/du dutch
我的 route.js 文件是这样的:
{
path: "/",
redirect: `/${i18n.locale}`
},
{
path: "/:lang",
async beforeEnter(to, from, next) {
console.log(i18n.locale);
if (!i18n.availableLocales.includes(to.params.lang)) {
window.location.replace(`${i18n.fallbackLocale}${to.path}`);
} else {
next();
}
},
component: {
render(c) {
return c("router-view");
}
},
children: [
{
path: "/",
name: "LandingPage",
component: () =>
import(
/* webpackChunkName: "LandingPage" */ "@/views/LandingPage/index"
)
},
}
解决方案
推荐阅读
- c# - 如何使用 Serilog 忽略基于类类型的日志属性
- javascript - 经典 ASP:如何将下拉列表中的选定值传递给 onchange 事件的 SELECT 查询
- jenkins - Jenkins 的加速时间不会降低 tps
- python - 如何修复 class_names 中超出范围的列表索引以绘制分类树
- f# - 无法在 F# Dapper 中将相关表记录作为列表获取
- python - 如何在 Python 库函数中使用并行化?
- r - 在 R 中展开电子邮件数据集的标题
- sql-server - “distributor_admin”未定义为服务器上的远程登录,用户“distributor_admin”登录失败
- tempus-dominus-datetimepicker - 从一个日期时间选择器获取日期并在第二个日期时间选择器中显示并禁用
- javascript - 如何在函数块中获取用 var 语句声明的变量?