首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

【vite 自动配置路由

手动配置路由,是一个没有技术含量又浪费时间的工作。本文将介绍 vite 构建的 vue3 项目如何编写一个自动配置路由的脚本。...约定大于配置 要想使用脚本完成路由的自动配置,我们就需要遵循以下目录规则: 每一个页面对应一个包,当前包下的主页面命名为index.vue; 每个包里必须配置一个page.js; 在每一个page.js...但是,注意,扫描目录只能生成路由,没有额外的路由信息,如果需要配置额外的路由信息,我们需要配置一个新的page.js文件来配置,并将其配置到脚本中。...代码 // 匹配views目录下的所有page.js,导入页面模块 const pageModules = import.meta.glob('...../views','').replace('page.js','') || '/' const name = path.split('/').filter(Boolean).join('-') |

1K30

开学第一课:如何在vite中打造一个基于文件结构的路由系统

,那如何将前端路由系统做一个约定式开发?...通常来说,较好的约定就是文件目录结构就是路由路由的权限以及额外配置在一个单独的文件中,next 框架就很好的实现了这一方式,他们就是采取的文件路由的方式,又或者 umi 框架,也有约定式路由的配置...通过文件结构自动生成所需要的路由,这种方式简单高效,已经成熟应用于各大框架 那如何在 vite 中实现这个功能?...而不是写大量的路由配置,我们新建一个 vite 项目,然后引入 vue-router,react 也可以根据自己的方式引入对应的路由,然后对项目中的路由进行配置 一般来说,项目的路由配置是大量而且繁琐的...文件,这个文件就承担了当前文件夹页面配置效果,在 about 页面下创建这样一个 js 文件如下 然后将其它你想要当页面的文件夹下面添加 page.js 文件,接下来你要做的就是要找到对应的 page.js

55230
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    自动屏蔽IE8浏览器右侧兼容按钮及拒绝IE8以下浏览器提醒

    最近几天辛辛苦苦的修改了这个比较中意的模板,然后就需要考虑各个浏览器兼容性的问题了,目前大多数都是IE8,少部分还存在ie7、ie6等浏览器,ie浏览器绝对是一个噩梦,美丽的网站会被撕得粉碎,疼的你是不要不要的...好了,言归正传,首先屏蔽IE8右侧兼容性按钮的代码,多说一句,如果你想IE8以下浏览器无法访问可以忽略此步。...简简单单一段代码,因为本模板解决了IE8不兼容的问题,所以保留了IE8浏览器,只是去除了右侧的兼容按钮。...接下来自动判断IE浏览器版本,低于IE8则友情提示升级至IE9或者试试火狐浏览器和谷歌浏览器,此代码转载自天兴博客,他的是屏蔽了ie9以下浏览器,我只是改动了一下,代码如下: {php} $uarowser...弹出友情提示对话框,提醒升级或者更换其他浏览器,我取消了ie8的显示,删除了  strstr($uarowser, 'MSIE 8') 这段代码,加上了屏蔽兼容按钮的功能,如果您的网站不想兼容,直接复制代码即可

    1.2K20

    Vue路由详解(路由基础,路由轮播,路由传参,通配符路由)

    Vue路由基础知识点: 1.router-view: 类似angular里的插座,用于承载路由的切换组件 2.router-link: 类似angular里的routerLink,区别是:vue的router-link...是一个组件,直接充当a标签使用.但是在最后渲染时,vue还是会将其渲染成a标签 3.routes: 数组,用来做路由信息的配置 4.router: 对象,通过该对象的方法实现路由的跳转,例如按钮点击实现跳转.../home: routes: [ //路由重定向 {path:'/',redirect:'/home'}, ] 二级路由重定向 二级路由的注意点: 子路由里的path时基于mine的,...不要加 / ,加了 / 就是基于跟路由的 a....//子路由里的path时基于mine的,不要加 / ,加了 / 就是基于跟路由的 //二级路由的重定向 {path:'',redirect: {path:'account

    3.1K21

    安装Google插件Chrome Frame后IE8提速10倍

    Google近日为IE发布了一款开源插件Chrome Frame,兼容XP、Vista系统,适用于IE6、IE7、IE8,安装该插件后IE用户就可以使用Chrome的JavaScript引擎,体验到和...ZDnet和ComputerWorld分别进行了测试,不过测试结果大同小异,在Sunspider JavaScript基准测试中,安装Chrome Frame后IE8的速度相比未安装该插件的IE8...ZDnet在64位Vista平台上分别选取IE7、IE8、安装Chrome Frame后的IE7和IE8、Chrome 3进行了Sunspider JavaScript基准测试,根据测试结果,安装...Chrome Frame后的IE7速度提升了近40倍,安装该插件的IE8速度提升了10倍,两者在JavaScript处理速度上基本和Google Chrome持平。...ComputerWorld同样采用了Sunspider JavaScript基准套件进行了多次测试,同样的,安装Chrome Frame的IE8IE8自身快9.6倍。

    78430
    领券