nuxt-i18n本地化路由如何传递params？index.vue为何无法接收params？

问题核心原因 #

你猜测的没错，这是Nuxt文件路由和VueRouter的基础规则导致的：

• 路由params参数必须和路由路径中预先定义的动态段一一对应，在Nuxt基于文件的自动路由体系中，动态段就是_参数名.vue格式的文件/目录名，没有定义对应动态段的路由，传的params会被直接忽略。
• 你当前使用的/musicdb/index.vue对应路由路径为/musicdb，路径中没有声明任何动态参数段，所以你传的search参数不属于该路由的合法params，取到的值自然是undefined。

query参数可以正常使用的原因 #

query是挂载在URL末尾的查询字符串，不需要提前在路由规则中声明，任意路由都可以直接传递和读取，所以能正常拿到值。而且搜索场景下用query反而更合理：参数明文展示在URL中，用户刷新页面、收藏链接、分享链接时，搜索状态都可以保留。

如果你坚持要用params传参，可以修改文件路由结构适配： #

• 方案1：将/musicdb/index.vue重命名为/musicdb/_search.vue，对应路由自动生成/musicdb/:search，此时传递的params.search会自动填充到路径中，即可正常读取
• 方案2：保留index.vue的话，新建目录结构/musicdb/_search/index.vue（Nuxt3也支持[search]格式命名，和下划线效果一致），对应路由/musicdb/:search/也可正常接收params

注意：不要使用VueRouter的隐式params传参（不声明动态段直接传params），这类参数刷新页面就会丢失，Nuxt默认也不支持该用法，完全不推荐。

内容的提问来源于stack exchange，提问作者mahatmanich