router 相关问题

路由器是一种跨多个网络转发数据包的设备。关于URL路由或单页应用程序路由器的问题请勿使用此标签

Vue 路由器复制 App 组件的问题

路由器 从 'vue-router' 导入 { createRouter, createWebHistory } 从“../App.vue”导入应用程序 常量路由器 = createRouter({ 历史记录:createWebHistory(import.meta.env.BASE_URL), 路线:[...

回答 1 投票 0

如何在 Flutter 中使用 auto_route 和 modal_bottom_sheet 进行深度链接?

我收到一个错误,导航器的覆盖层为空。我不明白我能做些什么。 我的深层链接如下所示: 〜/ Library / Android / sdk / platform-tools / adb shell am start -a android.intent.ac ...

回答 1 投票 0

如何获取服务器组件上的 url 路径名 next js 13

所以基本上我在应用程序目录中有一个服务器组件,我想获取路径名。我尝试使用 window.location 来做到这一点,但它不起作用。 有什么办法可以做到这一点吗?

回答 5 投票 0

TP-Link VPN 负载均衡器路由器 TL-ER604W 的预定重启脚本

如何安排重启路由器型号 TP-Link VPN 负载均衡路由器 TL-ER604W ?

回答 1 投票 0

如何将文件路径作为参数传递给路由器/控制器

所以我已经为此苦苦挣扎了很长一段时间。我希望使用 nodeJS / Express 显示特定文件夹中的所有文件。我有这个路由器+控制器。 const 路由器 = require('express').

回答 1 投票 0

URL 正在更改,但组件未渲染

在我正在开发的一个项目中,当我尝试通过搜索栏从类别页面或类别页面导航到产品页面时,产品组件已成功呈现,但是当我从 p 导航时...

回答 1 投票 0

VueJS 给出未捕获(承诺中)错误:在 vue-router 中缺少必需的参数“name”,但参数在那里

代码(VueJS 3,Composition API/脚本设置/Vuetify): 代码(VueJS 3,Composition API/脚本设置/Vuetify): <v-window v-model="tab"> <v-window-item value="one" style="height: 50vh;"> <div class="pa-3"> <v-table> <thead> <tr> <th class="text-left">Game</th> </tr> </thead> <tbody> <tr v-for="game in games" :key="game"> <td><!-- IF NOT COMMENTED, WILL GIVE THE ERROR <router-link :to="{name: 'Play', params: { name: username.name, mdbid: username.id, starter: true } }"> <v-btn color="primary" @click="currentGame = Cards">Jogar</v-btn> </router-link> IF NOT COMMENTED, WILL GIVE THE ERROR --> </td> </tr> </tbody> </v-table> </div> </v-window-item> <v-window-item value="two" style="height: 50vh;"> <div class="pa-3"> <v-table> <thead> <tr> <th class="text-left">Game</th> </tr> </thead> <tbody> <tr v-for="game in games" :key="game"> <td> <router-link v-if="username" :to="{name: 'Play', params: { name: username.name, mdbid: username.id, starter: true } }"> <v-btn color="primary" @click="currentGame = Cards">Jogar</v-btn> </router-link> </td> </tr> </tbody> </v-table> </div> </v-window-item> </v-window> 为什么第一个循环会出现此错误,如果与第二个循环相同,除了最后一个参数为 false 之外,并抱怨名称参数? 路由器: { path: '/play/:name/:mdbid/:starter', component: Play, name: 'Play', meta: { title: 'Play' } } 为什么它在第二个循环中有效,但在第一个循环中却使应用程序崩溃?有什么提示吗? 两个循环之间的主要区别在于,在第二个循环中,您有一个 v-if 条件,用于在渲染 .这表明用户名在某些时候可能为空或未定义,这可能是导致错误的原因: 只需将 if 语句添加到第一个循环即可: <router-link v-if="username" :to="{name: 'Play', params: { name: username.name, mdbid: username.id, starter: true } }"> <v-btn color="primary" @click="currentGame = Cards">Jogar</v-btn> </router-link>

回答 1 投票 0

如何在expo-router中忽略导航中的文件夹?

简单且可能愚蠢的问题,但我在文档中没有看到我可以在导航中完全忽略文件夹的任何地方。 例如,我有一个 src/service 文件夹,其中没有“页面”也没有...

回答 1 投票 0

有没有办法通过在路由器之间建立连接来在flutter和dart中开发离线聊天应用程序?

我正在尝试通过在颤振中的两个路由器之间建立连接来找到一种开发离线聊天应用程序的方法。 我搜索了很多,找不到具体的答案。会有一个连接...

回答 1 投票 0

Next.js 中的 App Router 和 Pages Router 有什么不同

我已经开始学习next.js了,在Next.js官方文档中: next.js 官方文档 该文档提到了两个路由器功能;应用程序路由器和页面路由器。哪一个最适合开发...

回答 4 投票 0

我不太确定哪一方是导致我的Android应用程序无法从Golang服务器接收UDP“消息”的原因

我目前正在开发一个服务器和应用程序,需要使用UDP进行通信。我的服务器使用Golang,它的相关代码如下: 进口 ( “旗帜” “FMMT” “……

回答 1 投票 0

如何在 Next.js 中输入注释路由器实例?

在我的 Next.js 项目中,我有一个密码重置请求表单。这是代码: “使用客户端”; 从“react”导入* as React; 从“@hookform/resolver...

回答 1 投票 0

尽管我认为我的代码是正确的,但主页未在应用程序中呈现。能指出错误的人对我很有帮助

我正在尝试使用 React Router 渲染主页,但它不起作用。我已经被这个问题困住两天了。我们将非常感谢您的支持。我尝试了很多次来解决这个问题...

回答 1 投票 0

如何获取角度5中的当前路线数据

在我现在的情况下,我将数据对象放在我的延迟加载组件中,我想获取数据内容并在html中显示。但我做不到。这是脚本: 常量路线:路线= [ { ...

回答 5 投票 0

React Router 在部署到托管服务器后无法正常工作

我最近部署到 Banahosting 的 React 应用程序遇到问题。该应用程序在本地环境中运行良好,当我点击网页内的链接时,页面会刷新;但是

回答 3 投票 0

Next.js 中的 App Router 和 Pages Router 有什么不同

我已经开始学习next.js了,在Next.js官方文档中: next.js 官方文档 该文档提到了两个路由器功能;应用程序路由器和页面路由器。哪一个最适合开发...

回答 4 投票 0

使用 routerLink Angular 传递不可见或隐藏的参数

我的路由器链接如下: 我想传递参数showTour。但是,当我这样做时,参数是 v... 我的路由器链接如下: <button class="take-a-tour-btn" [routerLink]="['/dashboard', {'showTour':'show'}]"> 我想传递参数showTour。但是,当我这样做时,参数在 url 中可见,我想隐藏它。我已经阅读了很多参考资料(其中提到了可选参数),但在我的案例中没有成功。我该如何解决这个问题? 您可以使用 历史状态 将动态数据传递到您想要导航到的组件,而无需将它们添加到 URL 中,如下所示: this.router.navigateByUrl('/user', { state: { orderId: 1234 } }); 或 <a [routerLink]="/user" [state]="{ orderId: 1234 }">Go to user's detail</a> 你可以这样得到它 constructor() { this.router.events .pipe(filter(e => e instanceof NavigationStart)) .subscribe((e: NavigationStart) => { const navigation = this.router.getCurrentNavigation(); this.orderId = navigation.extras.state ? navigation.extras.state.orderId : 0; }); } 我不确定是否有办法做到这一点,因为数据需要在 URL 字符串中呈现。 我的建议是使用全球服务来存储所需的数据。例如: //some dataService, which store your needed data. @Injectable() export class DataService { _showTour: string; set showTour(value: string) { this._showTour = value; } get showTour(): string { return this._showTour; } constructor() {} } 并以这种方式在导航组件中使用它: //your navigation component @Component({ selector: 'my-app', template: ` <button class="take-a-tour-btn" (click)="onClick()"> ` }) export class SomeComponent { constructor(private dataService: DataService, private router: Router) { } onClick() { this.dataService.showTour = 'show'; this.router.navigate(['/dashboard']); } } 您可以在仪表板组件中使用相同的服务,并获得所需的值,例如这样: //your dashboard component @Component({ selector: 'my-dashboard', template: ` <h1>{{ showTour }}</h1> ` }) export class DashboardComponent implements OnInit { showTour: string; constructor(private dataService: DataService) { } ngOnInit() { this.showTour = this.dataService.showTour; } } 使用状态传递隐藏参数和历史记录来读取它们。 第一个组件: this.router.navigate( [`/dashboard/roles/${id}`], { state: { navSettings: navSettings } }); 第二部分: public ngOnInit(): void { const id = this.activatedRoute.snapshot.params.id; this.initNavSettings(history.state.navSettings); } <button class="take-a-tour-btn" [routerLink]="['/dashboard', {'showTour':'show', skipLocationChange: true}]"> 尝试使用skipLocationChange属性。 在你的组件中尝试一下:(我将其与 Angular 5.x 一起使用) this.router.navigate(['/dashboard'], {skipLocationChange: true, replaceUrl: false}); @AddWeb @SailiUnique 您的解决方案有效,但您不必将属性放入 [routLink] 中。正确的位置是在它的外面,就像任何财产一样。 像这样: <div class="row inline rowItem" [routerLink]="['/businessPartnerDetails']" [queryParams]="{ id: bpItem.id, bp: bpItem.companyName}" skipLocationChange=true (click)="onViewDetails(bpItem)"> 响应并不完全有效,因为skipLocationChange不会更改浏览器url上的当前路线,如果您想稍后返回,则可以从第一条路线返回。 例如,如果您在主页上并使用此: <button class="take-a-tour-btn" [routerLink]="['/dashboard', {'showTour':'show', skipLocationChange: true}]">Go to dashboard</button> 如果您想从 dashboard 返回 home,则无法使用对象 location 执行此操作,在这种情况下,您需要使用 Router 并指定准确的路线 (/dashboard)。 但是在很多情况下这是一个糟糕的解决方案,并且浏览器路由不会从 /home 更改为 dashboard。 不方便: 浏览器未刷新到正确的网址 您无法从dashboard(当前路线)返回 您可以创建数据服务或查看官方Angular Router文档

回答 7 投票 0

如何公开本地网络服务器?

我想在家里的电脑上托管一个简单的网络服务器。现在我可以在本地网络中访问它,但无法通过互联网访问它。我应该怎么办? 我上网查了一下,发现

回答 1 投票 0

是否可以从GPON路由器捕获身份验证数据?

我有一个带有 SFP+ 端口的 Mikrotik 路由器和一个 Ubiquiti UF-GP-C+ GPON 棒。我的 ISP 为我提供 GPON 互联网连接以及其自己预装的路由器(实际上是华为),因此可以使用光纤电缆...

回答 4 投票 0

角度路由器链接在我刷新页面之前不起作用

我正在尝试使用 Angular 的 routerlink 导航到另一个页面,但在刷新页面之前它无法正常工作。我尝试从 TS 文件进行导航,但我面临着同样的问题...

回答 2 投票 0

© www.soinside.com 2019 - 2024. All rights reserved.