nuxt 路由重定向错误

已于 2023-06-05 17:08:52 修改
阅读量1.1k 收藏
点赞数
分类专栏： 前端 文章标签： nuxt
于 2021-10-28 19:59:55 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/kingjordon/article/details/121021781
版权

Error: Redirected when going from "/xxx" to "/xxx" via a navigation guard.

我在nuxt的middleware中使用redirect重定向导致该错误

我本意是想判断token是否存在，不存在就重定向到登录页面

如果我点击退出页面按钮，清除token，并切换到登录页面，但是这时候meddleware的redirect重定向仍会触发，导致从登录页面重定向到登录页面

把token的验证放到别的地方，比如项目初始化的时候和axios请求封装中，从缓存获取存放在store中

console.log( )
关注
专栏目录
在nuxt中使用路由重定向的实例
01-18
我们都知道，在写SPA的时候，我们可以通过配置vue-router来实现路由的重定向。 官方文档（以及ts类型）的定义中给出了这一选项： interface RouteConfig = { path: string, redirect?: string | Location | Function, } 也就是说，我们可以定义这样一个路由： { path: /foo, redirect: /foo/bar, } 这样，我们在访问/foo的时候，就会被重定向到/foo/bar。这些都是老生常谈了。 然而，到了SSR的环境下，如果使用nuxt，因为nuxt采用了约定大于配置的
详解nuxt路由鉴权(express模板)
10-17
主要介绍了详解nuxt路由鉴权(express模板)，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
在nuxt中使用路由重定向
热门推荐
HermitSun的博客
03-22 1万+
我们都知道，在写SPA的时候，我们可以通过配置vue-router来实现路由的重定向。官方文档（以及ts类型）的定义中给出了这一选项： interface RouteConfig = { path: string, redirect?: string | Location | Function, } 也就是说，我们可以定义这样一个路由： { path: "/foo", r...
Nuxt项目路由重定向
weixin_45966674的博客
04-04 1423
我想 当用户访问 http://localhost:3000/ 程序自动转到 http://localhost:3000/engineering。然后注意 你改 nuxt.config.js 配置文件后 一定要重启项目 和 vue.config.js 是一样的。我们可以通过 nuxt.config.js 配置完成 来到项目 找到根目录下的 nuxt.config.js。但这里需要注意 如果你这样写重定向 你要把pages下的index.vue组件给他干掉。
Nuxt.js重定向路由方式
weixin_45172119的博客
08-13 5728
Nuxt.js重定向路由方式 方式1 通过nuxt.config.js设置，在nuxt.config.js文件添加下面的配置。redirect表示重定向的路由。 router: { extendRoutes(routes, resolve) { routes.push({ path: '/', redirect: '/film' }) } } 方式2 通过中间件文件 在目录中的middleware添加一个名为：redirect.j
Nuxt.js路由重定向
彭世瑜的博客
05-26 4116
<template> <div></div> </template> <script> export default { asyncData({ redirect }) { redirect('/path/to') } } </script> 参考 在nuxt中使用路由重定向
四十九、进阶之Nuxt 重定向
sunnnnh的博客
03-18 2476
（1）方法一：在配置文件nuxt.config.js进行重定向处理 在地址栏输入： 直接跳转到我们配置的重定向页面： （2）方法二：利用中间件。实现重定向 实现功能：访问Film页面时，直接跳转到Film/nowplaying页面 1. 在middleware文件夹中定义redirect.js文件（middleware文件夹存放的都是中间件） 2. 在nuxt.config.js进行配置 访问Film页面： 直接跳转到Film/nowplaying页面： .
Vue在 Nuxt.js 中重定向 404 页面的方法
10-17
主要介绍了Vue在 Nuxt.js 中重定向 404 页面的方法，非常不错，具有一定的参考借鉴价值,需要的朋友可以参考下
nuxt3路由重定向
09-08
在Nuxt.js中，可以使用路由重定向来将一个URL请求重定向到另一个URL。这在许多情况下都很有用，比如当网站对某个URL进行重构时，希望将旧的URL重定向到新的URL上。 在Nuxt.js中配置路由重定向非常简单。首先，在`...
nuxt 服务端重定向404
09-09
Nuxt是一个基于Vue.js的服务端渲染框架，可以通过使用nuxt.config.js文件中的配置来实现服务端重定向404页面。 在nuxt.config.js文件中，我们可以使用router配置项来实现服务端重定向404页面。首先，我们需要在...
Nuxt框架的路由跳转及传参
01-20
最近做毕设的项目用到了Nuxt框架，路由跳转一直在用到，有时候容易搞混，所以在这里总结一下。大致可以分成三种方式 第一种：url地址直接跳转 在Nuxt框架自带的pages文件夹下创建文件夹以及页面。 （1）如果跳转的url地址(路由地址)是“/course”，那么框架就会自动帮我们处理，跳转到pages文件夹下course 文件夹下的index.vue界面，命名要严格按照这种格式命名。 （2）如果跳转的url地址是后面接了id，如，那么页面就会跳转至 _id.vue界面，这个文件的命名是框架设定好的，所以必须这样命名，前面要加_下划线符号。 第二种：params 传值(id会显示在地址栏
nginx部署，nuxt静态部署，路由跳转失效的问题
小糖穿越火线
07-17 2869
nuxt静态部署问题 静态部署：路由模式跳转失效的问题；不能使用历史模式，需要使用 ‘hash’ 模式，再进行打包 ‘npm run generate’ 文件:nuxt.config.js // 自定义配置路由 router: { mode: 'hash', // 使用 'hash' 主要是为了适配以相对路径打开的静态站点， 必须使用 'hash' 否则路由跳转不生效 // base: '/moli/', base: process.env.NODE_ENV === 'production
【NuxtJs】不存在路由重定向至404页面
Write less，do more
12-17 3562
一：项目上线以后发现404页面没有配置 情况：如果进入到了不存在的页面log会提示404 这个时候我们就需要一个404页面 二：根目录下创建middleware文件夹 中新建 unknownRoute.js 代码如下： /** * 未知路由重定向 404页面 */ export default ({store, route, redirect}) => { if (!route.matched.length) { redirect('/404') } } 三：去nuxt
nuxt3实现301重定向页面
最新发布
z001126的博客
01-09 1181
nuxt3实现301重定向页,这个是我的项目目录接着在middleware目录下创建一个default.global.ts文件，这里我项目引入了typescript，如果没有引入就创建一个default.global.js，然后使用nuxt的小伙伴都知道nuxt里本身就有一些默认的约定和规则，所以这个文件会默认为全局的中间件。接着就是实现的代码，其实很简单，就在中间件里请求接口，然后判断是否需要301重定向页面，如果需要则跳转。首先我们要知道像这种对某一类的页面做控制的，最好写在中间件里，这样我们可以统一。
vue Uncaught Error: Redirected when going from “/*“ to “/*“ 路由报错
天渺(喵)工作室
08-05 9185
Uncaught Error: Redirected when going from "/*" to "/*" 报类似的错 大部分因为触发了vue-router 路由导航重定向了 简单的方法就是直接触发跳转的逻辑上,把error抛出来 this.$router.replace({ path: this.$route.path, query }) .catch(()=>{});//把error 抛出来 扩展参考https://blog.c...
服务端重定向针对异步请求无效
方嘉贤的博客
01-28 449
服务端 res.redirect('/')无效 可以在客户端用window.location.href='/'
Nuxt2的基础
Mjs1998的博客
12-05 1294
nuxt2框架的使用
【译】Vue 的小奇技（第十三篇）：在 Nuxt.js 中重定向 404 页面
weixin_33827965的博客
04-23 2165
原文地址：Redirect 404 Not Found in Nuxt.js 原文作者：Alex Jover 译者：程序猿何大叔 特别声明：本文是作者 Alex Jover 发布在 VueDose 上的一个系列。 版权归作者所有。 译者在翻译前已经和作者沟通得到了翻译整个系列的授权。 为了不影响大家阅读，获得授权的记录会放在本文的最后。 说明 由于译者最近跳槽到了新公司，上...
nuxt3 服务端请求其他接口犯的问题与解决
block_xu的博客
01-04 1980
useAsyncData/useFetch返回的代理数据，是类似`useState`生成的**SSR 友好组合**代理，会根据内部的`key`来校验是否需要重复请求的，删掉了就很容易出现重复请求的结果
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值