如何在 Nuxt 中使路由区分大小写

Posted 2023-02-22

【中文标题】如何在 Nuxt 中使路由区分大小写

【英文标题】：How to make routes case sensitive in Nuxt

【发布时间】：2019-12-20 17:32:18

【问题描述】：

我使用 nuxt.js + vue.js。我需要创建路由器的区分大小写。我发现了以下属性：caseSensitive。我正在尝试将它放入 nuxt.config 但它不起作用，可以通过大写链接进行转换。如果我直接更改文件 ~project/.nuxt/router.js，一切正常。帮我弄清楚。

  router: 
    extendRoutes (routes) 
      for (let key in routes) 
        routes[key]['caseSensitive'] = true
      
    

【参考方案1】：

您的代码似乎不错。我已经测试过了，这是我的：

// nuxt.config.js
router: 
  extendRoutes(routes) 
    for (const key in routes) 
      routes[key].caseSensitive = true
    
  

更准确地说，nuxt documentation 允许使用 nuxt.config.js 中的 router.extendRoutes 属性自定义路由。正如它所说，对于每条路线：

路由的架构应该尊重 vue-router 架构

所以你需要查看vue-router 的文档，在那里你可以找到caseSensitive 属性。

重要说明 1： 此选项适用于 Vue 2.6.0+，适用于 Nuxt 2.5.0。所以 Nuxt 版本必须至少 >= 2.5.0。

重要提示 2： 确保调用正确的 url 并使缓存为空。我遇到了同样的问题，因为当我在 Chrome 搜索输入浏览器中输入我的 url 时，chrome 会自动将其更改为小写。事实上，它使用了我之前请求的历史记录，而不是我想要的请求。

【讨论】：

请注意：您的文档链接指向法语文档。