如何在 Nuxt 中使路由區分大小寫

Question

我使用 nuxt.js + vue.js。 我需要創建路由器的區分大小寫。 我發現了以下屬性：caseSensitive。 我試圖將它放入 nuxt.config 但它不起作用，可以通過大寫鏈接進行轉換。 如果我直接更改文件 ~project/.nuxt/router.js，一切正常。 幫我想辦法。

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

Answer 1

你的代碼看起來不錯。 我已經測試過了，這是我的：

// 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 會自動將其更改為小寫。 事實上，它使用了我之前請求的歷史記錄，而不是我想要的請求。