vue-router 相关问题

Vue Router是一个用于单页面应用程序的路由库,设计用于Vue.js框架。

Vue 路由器在刷新 Vite MPA 应用程序时返回 404

我正在 Vue3 中构建一个 Web 应用程序,并在开发过程中使用 Vite 为其提供服务。该应用程序分为三个部分 - 管理、用户和登录。其中每个都将调用相同的后端。 意图...

回答 1 投票 0

Vue中如何在同一页面显示两个视图?

假设我有一个显示表列表的视图和一个显示表单的视图,路线如下: 路径:'/项目', 组成部分:项目, 孩子们: [ { 别名:'...

回答 1 投票 0

如何使用 nginx 在单个服务器上设置多个 vue spa 应用程序

我遇到过一个任务,要在单个 Linux 服务器上运行多个带有自己的路由器的 vue spa 应用程序。 就我而言,有一个后端应该使用 nginx 为 vite 上的两个 vue 应用程序提供服务。 两个应用程序

回答 1 投票 0

找不到页面“/”路线

我正在尝试使用 Nuxt 设置一个 VueJS 应用程序进行服务器端渲染。但是,在部署到我的服务器后,index.vue 返回 404 页面未找到错误。 在我的

回答 2 投票 0

在重定向时清除 Nuxt Auth 中的查询参数

当用户被重定向到定义的重定向路径之一(登录、主页等)时,查询参数不会被删除。 例如 - 用户未登录并尝试打开某些受保护的页面 example.com/s...

回答 1 投票 0

我没有 VueRouter 或来自“vue-router”的路由器

我不知道如何在 vue 中制作网络路由器,因为我是初学者,所以在每个教程中,我看到他们从“vue-router”导入 router 或 vuerouter 我已经尝试过什么?我运行了 npm install vue-...

回答 1 投票 0

TypeError: u.then 不是 Vue3+Vue router 中的函数

控制台错误 类型错误:u.then 不是一个函数 在索引-CyodobdF.js:26:14273 在 Object.runWithContext (index-CyodobdF.js:14:10931) 在我们 (index-CyodobdF.js:26:19934) 在索引-Cyo...

回答 1 投票 0

vue-router、nginx 和直接链接

我正在尝试在我的 nginx 服务器上设置一个 vue-router。我遇到的问题是,如果我直接在浏览器 myapp.com/mypath 中输入 url,我的路线将不起作用。 我已尝试将服务器配置为

回答 8 投票 0

router-link-active 类不适用于不同的参数值(Vue Router 4)

大家好…我是拉丁人,所以我的英语不太好看。 我的自定义导航栏组件中有这个 组件。 大家好…我是拉丁人,所以我的英语不太好看。 我的自定义导航栏组件中有这个 <router-link> 组件。 <router-link :to="{ name: 'blog', params: { currentPage: 1 } }">Blog</router-link> 这是我的路线定义: { path: "/blog/:currentPage", name: "blog", component: () => import(/* webpackChunkName: "blog" */ "@/views/Blog.vue"), props(route){ const props = { ...route.params } props.currentPage = parseInt(props.currentPage, 10) return props } } 我的博客视图中有分页组件。 <button v-for="page in numberOfPages" :key="page" @click="$router.push({ name: 'blog', params: { currentPage: page } })" :disabled="page == currentPage"> {{ page }} </button> 我正在从那里切换页面(即currentPage路由参数),但是router-link-active类仅添加到<router-link>,其中currentPage等于1而不是其他,我怎样才能保持活跃这个<router-link>无论 currentPage 路由参数的值如何?我的分页系统必须是动态的,我无法为每个页面定义新的子路由,因为不知道有多少页。 这个问题在 Vue Router 3 中不存在,但我使用的是 Vue Router 4.0.3。 我尽力解释我的问题。 有人可以帮我吗... 您发帖快三年了,还没人回复?我在以下版本中也遇到了完全相同的问题: "pinia": "^2.1.7", "vue": "^3.4.29", “vue-router”:“^4.3.3” <RouterLink to="/menu" activeClass="custom-active-class">Menu</RouterLink> <style scoped> .router-link-exact-active { display: none; } .custom-active-class{ display: none; } </style> 路线配置 { name: 'Menu', path: '/menu/:category?', component: () => import('@/pages/MenuPage.vue'), props: true, meta: { requireAuth: false } } 如果路线与/menu相同,则隐藏,否则继续显示。 (我尝试了router-link-active,但不起作用) @fahico98 你解决了吗?

回答 1 投票 0

刷新时 Vue.js 中的路由之间的数据丢失

我正在开发一个 Vue.js 应用程序,使用 Vue Router 和 Axios 来获取用户数据。我有两个页面:/dashboard 和 /dashboard/me。 /dashboard 页面的数据已成功加载并显示...

回答 1 投票 0

为VUE-JS SPA设置.htaccess重写规则

我有一个 VUE 应用程序在历史模式下使用 VUE 路由器,但似乎无法在我的生产服务器上运行。我已经使用

回答 1 投票 0

如何删除[Vue Router warn]:找不到路径“/_nuxt/@plugin-vuetify/lib/components/VDivider/VDivider.sass”的位置匹配

我对 nuxt 环境相当陌生,我正在尝试了解导致这些错误的原因以及如何删除它们。当我第一次执行 npm run dev 时显示这些错误。 警告 [Vue 路线...

回答 1 投票 0

Syncfusion ejs-grid 子网格图标导航离开页面

我正在尝试将子网格添加到 Vue 中的 Syncfusion ejs-grid。 我遇到的问题是,添加到行中以允许您展开行的箭头在我单击它时会导致导航......

回答 1 投票 0

创建中间件时如何包含路由的子级?

我已经创建了一个全局身份验证中间件,但需要检查您是否要访问 /dashboard 中的任何路由及其子路由,例如 /dashboard/account 或 /dashboard/settings。 下面的中间件是一个非常

回答 1 投票 0

推送到vue-router不会改变路由

我正在尝试使用 Typescript 而不是 JavaScript 在我的笔记本电脑上启动并运行这个示例。这是一个示例“笔记”应用程序,展示了Python+VUE3的功能,

回答 2 投票 0

Vue 路由器推送错误:避免了到当前位置的冗余导航

有没有办法避免错误:避免冗余导航到当前位置。我需要进行分页,方法如下: handlePageChange(页:页数): void { 常量查询 = { ...这个....

回答 4 投票 0

ARGON 仪表板路由器/调整路线时出现问题

我在自定义routes.js 时遇到问题。当我最初使用 / 或 /login 调用它时,我想直接进入登录(Login.vue)。如何正确自定义默认的routes.js? T...

回答 1 投票 0

(vue 路由器)禁用浏览器后退和前进箭头,并带有警告

我正在创建一个多页测验,所以我需要用户无法返回到上一页。所以我写道: 常量路由器 = createRouter({ 历史记录:createMemoryHistory(), 路线 }); 这是...

回答 3 投票 0

如何使用 vue-router 处理错误

我正在寻找有关 vue-router 错误处理的最佳方法的建议。我已经实现了一个错误边界组件来捕获应用程序中的全局错误,但这不起作用......

回答 1 投票 0

Vue 3 Composition API useRouter() 在 onMounted 钩子中

我想在我的组件中使用 useRoute ,该组件在 onMounted 挂钩中调用。 像这样的东西 从 '@/common/CheckUserAuth' 导入 { checkUserAuth } onMounted(异步()=> { 等待检查用户验证...

回答 2 投票 0

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