首页 > 其他分享 >next-route

next-route

时间:2024-05-15 09:33:44浏览次数:23  
标签:route auth next 路由 3000 tsx page localhost

在目录结构中,我们精心创建的每一个文件最终都会经过处理,转化为相应的页面路由。然而,值得注意的是,某些特殊文件格式在生成过程中并不会被当作路由路径来处理。

app
 |-auth
     login
       page.tsx
     password
       page.tsx
//最后生成的路由路径
//·localhost:3000/auth/login 
//·localhost:3000/auth/password
       
       
//()路由组的作用在编译的时候会忽略       
app
  (auth)
      login
          page.tsx
      password
          page.tsx   
//最后生成的路由路径 
//·localhost:3000/login 
//·localhost:3000/password

//[]的作用 动态路由
app
  auth
      [dynamic]
          page.tsx
//最后生成的路由路径 
//·localhost:3000/auth/1 
//·localhost:3000/auth/2  
//因为他在 auth 文件下 所有在路径匹配 auth时,他的下一级都回访问到 [dynamic]的页面





//[...]的作用 多级动态路由
app
  auth
      [...slug]
          page.tsx
//最后生成的路由路径 
//·localhost:3000/auth/1 
//·localhost:3000/auth/1/docs  
//·localhost:3000/auth/1/docs/1
//因为他在 auth 文件下 所有在路径匹配 auth时,他的后续路由都回访问到 [...slug]的页面

标签:route,auth,next,路由,3000,tsx,page,localhost
From: https://www.cnblogs.com/liyfya/p/18192732

相关文章

  • F5 BIG-IP Next Central Manager SQL注入漏洞
    F5BIG-IPNextCentralManagerSQL注入漏洞漏洞描述:该漏洞允许未经授权的攻击者通过网络远程执行恶意SQL语句,该漏洞具体存在于对API接收的参数进行处理时,没有正确的验证和过滤用户输入。Fofa:title="BIG-IPNext|CentralManager"POC:importstringimportrequestsi......
  • RCTF 2019]Nextphp 利用phpFFI来绕过 disable_functions限制
    今天做了一道RCE+反序列化的题目,看看吧。进入题目就给出了源码点击查看代码<?phpif(isset($_GET['a'])){eval($_GET['a']);}else{show_source(__FILE__);}Rce看看,发现许多函数都被dis掉了,试试无参数rce。发现了当前目录的一些文件(1.txt是我弄上去的,......
  • next_permutation 用法
    next_permutation()全排列函数·.next_permutation(start,end)返回下一个排列·.prev_permutation(start,end)返回上一个排列(均按字典序排序)当当前序列(数组)不存在下一个排列时,函数返回false,否则返回truenext_permutation(num,num+n)函数是对数组num中的前n个元素进行全排列,同时......
  • ABP-VNext 用户权限管理系统实战06---实体的创建标准及迁移
    在apb-vnext的实体的创建中可以确实字段的长度、说明、对应的表、表中给字段加的索引以项目中的订单表为例,如下:[Comment("订单主表")][Table("t_voucher_order")] [Index(nameof(VoucherCode))]publicclassOrder:AuditedAggregateRoot<Guid>,ISoftDelete,IMultiTen......
  • vue-router单页面应用的多标签页使用问题
    正常的思维做多vue页面应用,我们的第一反应是配置多个入口点,多个vue应用,编译成多个HTML文件,由服务器来决定路由。这是正常的思维。但谁知道单页面应用也能做到类似的效果呢。单页面不过是服务器路由变成了客户端路由,但通过一些技巧,也能实现类似服务器多页面路由的效果。客户端路......
  • Vue3——Vue Router
    安装vue-router依赖包npminstallvue-router@4创建router文件夹,然后在里面创建一个index.ts文件,用于定义你的路由配置//index.tsimport{createRouter,createWebHashHistory}from"vue-router";import{routes}from"./routes";//创建一个路由实例co......
  • 【HarmonyOS Next】多线程网络请求简单封装
    importhttpfrom'@ohos.net.http';import{taskpool}from'@kit.ArkTS';exportclassRequest{staticasyncget(url:string,header?:Object,expectDataType:http.HttpDataType=http.HttpDataType.OBJECT):Promise<Object>{......
  • 鸿蒙OS NEXT的推出,目标是更广阔的智能设备市场
    华为官方公布6月份的版本为beta版,依然属于开发者测试版,但可以向普通用户开放了。这点和苹果iOS系统测试形式略微相似:6月份开放首个测试版,随后过渡到公测版,最后再和年度新机一起发布正式版系统。 如果按照这个进度推演,Mate70新机+鸿蒙OSNEXT正式版发布,貌似在Q4是板上钉钉的......
  • 07-vue-router的使用
    vue-router使用//npm导入npminstallvue-router--save//cnpm淘宝镜像导入cnpminstallvue-router--save//如果没有安装淘宝镜像需要先安装npminstall-gcnpm--registry=https://registry.npm.taobao.org直接跳转:this.$router如果获取参数,需要使用this.$route......
  • vue-router
    【一】Vue-router介绍​ vue-router是vue的页面的链接路径管理系统。由于Vue开发时对路由支持不足,于是官方补充了vue-router插件。vue的单页面应用(SPA)是基于路由和组件的,路由用于设定访问路径,并且将路径和组件映射起来。​ 传统的页面应用是用一些超链接来实现页面的切换和调......