Vue3-28-路由-大小写敏感与严格匹配

最新推荐文章于 2024-08-13 11:08:28 发布

NorthCastle

最新推荐文章于 2024-08-13 11:08:28 发布

阅读量1k

点赞数 6

分类专栏： Vue3 文章标签： vue3 路由路由匹配大小写敏感路由严格匹配

本文链接：https://blog.csdn.net/qq_39505245/article/details/135246258

版权

Vue3 专栏收录该内容

53 篇文章 3 订阅 ¥15.90 ¥99.00

订阅专栏

超级会员免费看

默认情况

大小写敏感 ： 默认情况下路由匹配是大小写不敏感的；
严格匹配 ： 主要指的是 路由的路径最后是否包含 【/】，默认是 非严格的，即，最后有没有 【/】无影响。

涉及的关键字

sensitive : 控制是否大小写敏感；
strict : 控制是否严格匹配。
以上两个关键字，既可以在每一条路由配置中使用；
也可以在整个的路由实例中配置，使所有的路由配置都生效。
【建议】：在每个路由中单独配置，可以控制的更灵活。

使用案例

为了简便起见，本案例仅展示 核心代码的部分。
主要涉及的就是路由的配置。

sensitive 大小写敏感配置

路由配置表

// 导入 定义路由的两个方法
import

了解本专栏

订阅专栏解锁全文

超级会员免费看

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

NorthCastle

关注关注

6
点赞
踩
8

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

订阅专栏

＜路由的模糊匹配与严格匹配＞react-router-dom入门级教程2

Coding and studying

07-08

1263

路由重定向一般写在所有路由注册的最下方，当所有路由都无法匹配时，跳转到Redirect指定的路由。

【vue打包路径敏感解决】linux下vue打包路径大小写敏感问题分析解决

weixin_45974445的博客

12-30

2630

vue在linux下打包路径大小写敏感，问题解决 window下文件的路i的大小写是不敏感的，而linux下文件的路径名称需要区分大小写，在用linux打包文vue项目的时候会出现路径错误。要在linux 下完成打包，需修改文件中路径引用严格区分大小写。此处通过python 脚本对 route/index.js 路径进行修改获取正确路径 # -*- coding:utf-8 -*- ''' Description: Author: xiaoming Date: 2021-12-30 15:22:01 '

参与评论您还未登录，请先登录后发表或查看评论

vue-router4 路由严格匹配模式，Sensitive 与 strict 路由配置

最新发布

徐同保的专栏

08-13

218

vue-router4 路由严格匹配模式，Sensitive 与 strict 路由配置

【Vue Router】strict 和 sensitive 的区别

zhengh513的博客

07-19

1303

默认情况下，所有路由是不区分大小写的，并且能匹配带有或不带有尾部斜线的路由。Tips：当前路由上的配置会覆盖全局。

Vue CLI 创建项目，项目名称不能大写

HWL5679的博客

12-28

723

为了确保项目的稳定性和兼容性，建议在 Vue CLI 创建项目时使用小写字母作为项目名称。

大小写敏感总结

weixin_30765319的博客

09-26

495

JS对大小写敏感 JS不使用连字符使用驼峰 PHP对大小写不敏感 replace() 替换函数对大小写敏感 sql对大小写不敏感转载于:https://www.cnblogs.com/Qiuzhiyu/p/11592658.html...

Linux环境前端vue项目打包失败，路径大小写敏感问题怎么解决？

littleWhiteSan的博客

04-24

2782

文章目录前言一、Gitlab-runner Linux环境打包报错？二、什么原因？三.怎么解决？总结前言公司的前端项目一直没使用自动打包部署，都是手动build发布到服务器上面，感觉很不方便。所以用了gitlab runner 自动打包发布。部署完环境之后，在Linux上面打包前端代码一直报错，找不到文件，发现是文件路径大小写问题导致。一、Gitlab-runner Linux环境打包报错？打包一直报错文件找不到，实际上在windows下面打包是OK的，原因是英文vue router配置里面引

vue3-admin商品管理后台项目(后台主控台开发与交互)

lovestar墨竹的博客

10-27

1156

vue3-admin商品管理后台项目(后台主控台开发与交互)

08 使用Vue+vue-router+路由守卫实现路由鉴权功能实战

xingyu_qie的专栏

03-26

4852

本文主要是router的拆分，通过进行路由守卫进行用户路由的鉴权控制，还包含了404页面的实现，el-button的自研实现

vue内置组件keep-alive多级路由缓存最佳实践

小陈的博客

10-30

2864

keep-alive缓存多级路由，主要思路根据路由的meta标识，然后在App.vue组件中keep-alive包裹路由标签，我们通过全局store变量去控制includes判断当前路由是否该被缓存，同时需要监听路由判断是否有需要缓存，通过设置全局cachePage去控制路由的缓存* 优化store数据流代码，可以减少代码，提高的代码模块的复用度* 当一个组件被缓存时，加载该缓存组件时是会触发activated钩子，当从一个缓存组件离开时，会触发，在特殊场景可以在这两个钩子函数上做些事情* 简略剖析。

vue登录报错，路由名字要写对，大写

chenggong9527的博客

07-07

991

help3 路由里面要大写的

Vue 路由

weixin_30896825的博客

08-22

138

路由：路：路径（地址）由：方向针对于单页面应用，所提供的一个解决方案。根据地址传递的参数，来决定具体要使用的组件。 1、下载(如果已下载该步可以省略) cnpm install vue-router -S 2、引入 import Router from 'vue-router' 3、安装： Vue.use(Router) 4、...

AngularJS路由之ui-router（三）大小写处理

天马3798

01-19

1748

一、ui-router 路由地址处理大小写 默认ui-router的state（）方法指定路由配置对大小写敏感。解决方案一：$urlRouterProvider服务的rule() 方法提供处理客户端连接的接口， app.config(function ($urlRouterProvider) { // Here's an example of how you might allo

vue：关于事件名大小写问题以及事件名命名规则

兔子的博客

08-08

1860

今天学习vue的内容分发遇到了一个绑定事件的时间名名称问题本来以为vue是支持驼峰命名法的，所以在v-on事件使用了驼峰命名法结果在绑定到组件的事件时，绑定不到在查了官方文档后才知道：因为html对大小写不敏感，所以像v-on：事件名，会被自动转换为小写，所以即使你写了大写也会被转换成小写，但是在script标签里面的写的方法名称等是大小写敏感，例如当使用this.$emit(‘v-on事件名’,index)，这里的v-on事件名就算大小写名字一致，但是在DOM里面，v-on的事件名会转换成大小

vue-router之路由属性配置说明

qq_35859392的博客

04-02

3623

exportdefaultnewRouter({ mode:'history',//路由模式，取值为history与hash base:'/',//打包路径，默认为/，可以修改 routes:[ { path:string,//路径 component:Component;//页面组件 ...

篇章十一路由 Vue-router

虎康的博客

03-02

1281

第6章：vue-router 6.1 相关理解 6.1.1 vue-router 的理解 vue的一个插件库，专门用来实现SPA应用 6.1.2 对SPA应用的理解单页Web应用（single page web application，SPA）。整个应用只有一个完整的页面（index.html）。点击页面中的导航链接不会刷新页面，只会做页面的局部更新。数据需要通过 ajax 请求获取。 6.1.3 路由的理解 1. 什么是路由？一个路由就是一组映射关系（key - value） key 为路

在vue中使用组件时命名的大小写问题

Echo的博客

06-25

2237

文章目录一、一些命名概念二、组件名三、Prop 的大小写 四、自定义事件的事件名五、资料一、一些命名概念 kebab-case：短横线分隔命名，比如 my-component-name PascalCase：首字母大写命名，比如 MyComponentName camelCase：驼峰命名法，比如 myComponentName 二、组件名在注册一个组件的时候，我们始终需要给它一个名字。比如在全局注册的时候，组件名就是 Vue.component 的第一个参数。 Vue.componen

【vue-router源码】四、createRouter源码解析

MAXLZ的博客

06-07

5201

【vue-router源码】系列文章将带你从0开始了解vue-router的具体实现。该篇文章将带你分析的createRouter实现。

本地 vue 路由 history 404

08-31

当本地使用vue路由时，路由的模式可以选择hash模式或history模式。而在history模式下，当页面发生404错误时，一般是因为没有匹配到对应的路由路径。要解决本地vue路由history模式下的404问题，有几个可能的原因和解决方法。首先，可能是因为路由配置的路径有误。可以检查一下路由配置文件（一般是router/index.js）中的路由路径，确保路径写对了，包括大小写、斜杠等。其次，可能是因为服务器没有正确设置fallback选项。在使用history模式时，需要服务器能够正确处理路由请求，将其定向到正确的入口文件（一般为index.html）。可以通过修改服务器配置文件，将所有非静态资源的请求都重定向到index.html，确保vue-router能够正确处理路由。另外，还可能是因为部署环境的问题。在本地环境下，可能需要使用开发服务器，而在生产环境下，需要通过正确的服务器配置来处理路由请求。在进行部署时，需要将项目打包为静态文件，并通过合适的服务器配置来支持history模式的路由。总之，要解决本地vue路由history模式下的404问题，需要检查路由配置路径是否正确、服务器是否正确设置fallback选项，以及部署环境是否正确配置。通过排查这些可能的原因，可以解决本地vue路由history模式下的404问题。