[英]How to make routes case sensitive in Nuxt
我使用 nuxt.js + vue.js。 我需要创建路由器的区分大小写。 我发现了以下属性:caseSensitive。 我试图将它放入 nuxt.config 但它不起作用,可以通过大写链接进行转换。 如果我直接更改文件 ~project/.nuxt/router.js,一切正常。 帮我想办法。
router: {
extendRoutes (routes) {
for (let key in routes) {
routes[key]['caseSensitive'] = true
}
}
你的代码看起来不错。 我已经测试过了,这是我的:
// nuxt.config.js
router: {
extendRoutes(routes) {
for (const key in routes) {
routes[key].caseSensitive = true
}
}
}
为了更准确,nuxt 文件允许定制与路线router.extendRoutes
物业nuxt.config.js
。 正如它所说,对于每条路线:
路由的模式应该尊重 vue-router 模式
所以你需要查看vue-router的文档,在那里你可以找到caseSensitive
属性。
重要说明 1:此选项适用于 Vue 2.6.0+,适用于 Nuxt 2.5.0。 所以 Nuxt 版本必须至少 >= 2.5.0。
重要说明 2:请务必调用正确的 url 并使缓存为空。 我遇到了同样的问题,因为当我在 Chrome 搜索输入浏览器中输入我的 url 时,chrome 会自动将其更改为小写。 事实上,它使用了我之前请求的历史记录,而不是我想要的请求。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.