防止导航 Vue.js/Nuxt.js 上的 url 更改

Question

我有 vue.js/nuxt 应用程序。

目前我的路线，在导航期间是这样的：

http://localhost:3001/Persona/frmListadoRaza http://localhost:3001/estudiante/frmEstudiante

作为默认行为。

但作为一个要求，我需要以某种方式屏蔽（某种程度）或隐藏导航期间生成的路线。

所以即使我导航到http://localhost:3001/Persona/frmListadoRaza，网址也保持静态，如http://localhost:3001/。

你们中的任何一个好人，有关于如何存档的建议、推荐或文档吗？任何意见都会受到好评。

最好的问候！

Answer 1

Nuxt 会从您的 pages 目录自动生成路由。

您可能在您的pages 中定义了Persona/frmListadoRaza 和estudiante/frmEstudiante，所以路径会这样显示。

而是在components 中定义它们，然后在您的pages/index.vue 中导入并使用它们，该pages/index.vue 对应于基本网址(/)。

从/ 的默认视图开始，然后根据需要隐藏和/或显示组件。