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

关键词：

【中文标题】如何在 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 会自动将其更改为小写。事实上，它使用了我之前请求的历史记录，而不是我想要的请求。

【讨论】：

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

如何在 oracle sql 数据库中使 WHERE 子句不区分大小写？

】如何在oraclesql数据库中使WHERE子句不区分大小写？【英文标题】：HowtomakeWHEREclausecaseinsensitiveinoraclesqldatabase?【发布时间】：2020-06-1216:34:32【问题描述】：select*fromtable_Namewherename="red"我需要同时获取“red”和“RED”。例如：我需... 查看详情

试图在 Flask-SQLAlchemy 中使查询不区分大小写 [重复]

】试图在Flask-SQLAlchemy中使查询不区分大小写[重复]【英文标题】：TryingtomakeaquerycaseinsensitiveinFlask-SQLAlchemy[duplicate]【发布时间】：2022-01-2011:33:59【问题描述】：如何让这个查询不区分大小写？result=db.session.query(countries).filter_by(name... 查看详情

如何在mysql中使字段区分大小写

我想用一个字段来保存密码，并且是区分大小写的密码。那么怎么选择它的字段？好像有一个整理是区分大小写的但是不是英语。怎么才能实现呢？select*fromabcwhreid="a"与select*fromabcwhreid="A"查询出的结果是不同的对... 查看详情

Laravel 不区分大小写的路由

】Laravel不区分大小写的路由【英文标题】：Laravelcaseinsensitiveroutes【发布时间】：2014-03-1023:14:38【问题描述】：如何定义不区分大小写（a的一部分）的路由？例子：Route::get(\'/userId/profile\');http://domain.com/123/profile工作正常。在路... 查看详情

在播放框架 1.2.5 中对路由不区分大小写

】在播放框架1.2.5中对路由不区分大小写【英文标题】：caseinsensitivityforroutinginplayframework1.2.5【发布时间】：2013-04-2618:48:11【问题描述】：我正在使用播放框架1.2.5。如果我使用camelCase作为控制器名称，则URL似乎遵循相同的格式。... 查看详情

如何在 nuxt.js 中定义路由

】如何在nuxt.js中定义路由【英文标题】：Howtodefinerouteinnuxt.js【发布时间】：2019-04-2421:11:53【问题描述】：我有一个使用Nuxt.Js的博客网站，假设xyz.com并希望显示特定国家/地区代码的所有页面，例如xyz.com/en/home、xyz.com/en/about等。... 查看详情

如何在 Nuxt 中用一个组件创建无限路由

】如何在Nuxt中用一个组件创建无限路由【英文标题】：HowcreatetheinfiniteroutewithonecomponentinNuxt【发布时间】：2021-10-1415:29:07【问题描述】：我最近收到了一个使用Nuxt.js的项目，但遇到了一些问题。我有一个从API获取一些产品并从Vu... 查看详情

如何在 nuxt.js 中编写全局路由器功能

】如何在nuxt.js中编写全局路由器功能【英文标题】：howtowriteglobalrouter-functioninnuxt.js【发布时间】：2018-01-1213:11:55【问题描述】：我正在将Vue.js与Nuxt.js一起使用，但路由器的功能出现问题。在纯Vue中，我可以这样写main.js：valroute... 查看详情

如何在 nuxt.js 上手动触发路由？

】如何在nuxt.js上手动触发路由？【英文标题】：Howtomanuallytriggerroutingonnuxt.js?【发布时间】：2021-07-2623:41:01【问题描述】：我想在回调中登录后手动导航到主页。methods:asyncuserLogin()varsession_url="/api/v1/authenticate";axios.post(session_url,thi... 查看详情

在 ASP.NET MVC 中强制区分大小写路由

】在ASP.NETMVC中强制区分大小写路由【英文标题】：Forcecase-sensitiveroutinginASP.NETMVC【发布时间】：2012-10-1221:35:35【问题描述】：在previouslyStackOverflow和elsewhere上以类似但不相同的方式提出了这个问题（并且没有让我满意）。来自linu... 查看详情

如何在 React Native 中使 ScrollView 组件大小与屏幕大小成比例？

】如何在ReactNative中使ScrollView组件大小与屏幕大小成比例？【英文标题】：HowDoIMakeScrollViewComponentsSizeaRatioofScreenSizeinReactNative?【发布时间】：2021-01-2022:04:07【问题描述】：我正在使用ReactNative并且我有一个ScrollView，其中包含少量... 查看详情

如何在命令行中使 gcc 链接器输出节大小？

】如何在命令行中使gcc链接器输出节大小？【英文标题】：Howtomakegcclinkeroutputsectionsizeatcommandline?【发布时间】：2012-12-2217:42:17【问题描述】：我为MCU编程。代码和数据的大小很重要，编译后我需要知道这些部分的大小。我知道... 查看详情

如何在 Vue.js - Nuxt - TypeScript 应用程序中访问路由参数？

】如何在Vue.js-Nuxt-TypeScript应用程序中访问路由参数？【英文标题】：HowtoaccessroutingparametersinVue.js-Nuxt-TypeScriptapplication?【发布时间】：2018-07-0109:00:24【问题描述】：我正在构建一个基于NuxtTypeScriptStarter模板的网站。我在我的pages... 查看详情

播放框架路由不区分大小写

】播放框架路由不区分大小写【英文标题】：PlayframeworkRoutecaseinsensitive【发布时间】：2016-12-1616:03:38【问题描述】：我们目前正在开发Play2.5.x我们希望实现不区分大小写的路由。比如说GET/via/v1/organizationshttp.organizationApi()在我们... 查看详情

您如何在 Nuxt JS (s-s-r) 中使用来自无头 CMS 的路由？

】您如何在NuxtJS(s-s-r)中使用来自无头CMS的路由？【英文标题】：HowdoyouuseroutesfromaheadlessCMSinNuxtJS(s-s-r)?【发布时间】：2020-10-0100:43:59【问题描述】：问题我正在尝试使用CMS定义的路由来获取内容，该内容用于确定在我的Nuxt前端中... 查看详情

如何在 xcode 自动布局中使对象自动调整大小？

】如何在xcode自动布局中使对象自动调整大小？【英文标题】：HowcanImakeobjectautoresizeinxcodeautolayout?【发布时间】：2020-04-1912:27:19【问题描述】：我无法让日期选择器自动调整其宽度。我希望在附加图像中显示水平约束，即对于日... 查看详情

无论图像大小如何，如何在 HTML 电子邮件中使图像响应

】无论图像大小如何，如何在HTML电子邮件中使图像响应【英文标题】：HowtomakeanimageresponsiveinHTMLemailregardlessofimagesize【发布时间】：2015-06-0603:54:28【问题描述】：我正在创建一个电子邮件模板，其中我的容器的最大宽度为：600像... 查看详情

Vuetify Nuxt.js：如何在轮播图标中添加路由链接

】VuetifyNuxt.js：如何在轮播图标中添加路由链接【英文标题】：VuetifyNuxt.js:howtoaddRoutinglinkinCarouselsicon【发布时间】：2021-01-1301:19:14【问题描述】：js和Vuetfiy我想在Carousels图标中添加路由链接。如果我按图标，它应该打开路由链接... 查看详情