Vue中路由刷新后设置默认跳转页面（redirect）重定向

爱在冰川了

已于 2022-09-13 12:16:28 修改

阅读量2.9k

点赞数 1

分类专栏：笔记文章标签： javascript 前端 html vue.js

于 2022-09-13 11:46:14 首次发布

本文链接：https://blog.youkuaiyun.com/T8682828/article/details/126830428

版权

笔记专栏收录该内容

33 篇文章

订阅专栏

1，问题描述，刷新页面想让页面默认跳转到" 电影 " 模块中

2，在“书影音”路由中，设置： redirect: '/Videos/Movie',（后面的值是一个路径）

3，最终效果，点击“书影音”后默认跳转到“电影”模块中

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

爱在冰川了

关注关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

vue-router重定向不刷新问题的解决

08-27

本篇文章主要介绍了vue-router重定向不刷新问题的解决，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧

vue中重定向redirect:‘/index‘,不显示问题、跳转出错的完美解决

10-14

在Vue.js应用中，重定向是一个常见的需求，用于在用户访问特定路径时自动导航到其他页面。`redirect`属性在Vue Router的路由配置中用于指定一个路径，当匹配到该路由时，会立即跳转到指定的新路径。然而，在实际开发...

参与评论您还未登录，请先登录后发表或查看评论

vue页面刷新重定向

XYLH2015的博客

09-10

2734

在App.vue中，添加如下代码： created(){ if(this.$router.path !== '/RealTimeMonitoring'){ this.$router.replace('/RealTimeMonitoring') } } RealTimeMonitoring：是自己的首页路由，做一个判断。 ...

vue3:十一、主页面布局(优化页面跳转方式)

最新发布

weixin_46001736的博客

03-22

505

vue3:十一、主页面布局(优化页面跳转方式)

在vue中利用路由重定向实现页面刷新/重置

天才小母牛的博客

01-24

1572

这样做的目的是为了避免手动逐个复制当前路由对象的查询参数，从而提高代码的可读性和可维护性。的查询参数，并将当前路由对象的所有查询参数也一并传递给目标路由。可以接受一个包含路由名称、路径参数和查询参数的对象作为参数，它会将当前路由替换成指定的路由，而不会添加新的历史记录。另外，如果来源页面路径上携带有参数，显然返回去的时候也要保持参数存在，这时候就是。两个参数了，跳转的时候吧路径上想要的参数带进来，然后再原封不动返回去。指定的路由，同样不会添加新的历史记录。的页面组件，并且携带特定的查询参数。

【Vue】设置路由默认跳转指定页面

m0_67930426的博客

12-09

3987

上一篇：登录注册界面制作以这篇文章为例首先我们要了解一下vue项目的的作用上一篇文章里，创建了登录注册页面如果我们要访问它，需要在router包的index.js文件去配置路径当我们使用 cnpm run serve 运行vue项目的时候运行成功会得到一个http链接我这里是在idea里运行的，只要需要点击该链接就能跳转到浏览器这时我们需要手动加/login才能到登录界面或者注册界面。

重定向跳转页面

weixin_44543252的博客

04-07

3711

重定向跳转页面开发工具与关键技术：Visual Studio 2015 作者：徐晶旗撰写时间：2019年4月5日首先简单的做一下重定向的介绍： 重定向(Redirect)就是通过各种方法将各种网络请求重新定个方向转到其他位置（如：网页重定向、域名重定向、路由选中的变化也是对数据报文经由路径的一种重定向）。我们在网站建设中，时常会遇到需要网页重定向的情况：网站调整（如改变网页目录结构...

基于vue-router 多级路由redirect 重定向的问题

10-18

在 vue-router 中实现重定向的方式很简单，可以在 route 配置中使用 redirect 属性。redirect 可以是一个字符串，指向一个具体的路径，也可以是一个函数，返回一个路径，或者直接是一个对象，表示命名的路由。 ```...

Vue在 Nuxt.js 中重定向 404 页面的方法

10-17

主要介绍了Vue在 Nuxt.js 中重定向 404 页面的方法，非常不错，具有一定的参考借鉴价值,需要的朋友可以参考下

vue中页面跳转拦截器的实现方法

08-29

Vue.js中页面跳转拦截器是一种控制用户访问权限的技术，通常用于在用户跳转到某个页面之前，判断用户是否具有访问该页面的权限。在单页面应用中，Vue Router是实现路由管理的重要工具，而拦截器则是保证应用安全性和...

vue 实现页面跳转

热门推荐

qq_38175040的博客

02-28

1万+

首先，vue项目文件夹如下： components下有两个.vue文件，HelloWorld为创建时自动建立的，login需要自己创建的，login页面效果如下：首先实现登录按钮的跳转，先对index.js进行如下修改：然后打开我的login.vue文件，找到中的登录相关代码，在中添加@click,并在其中写入方法login 然后在 < script>中的method里补全l...

vue-router根据权限动态设定路由重定向 redirect 的路径

weixin_43951592的博客

08-20

510

废话不多说

vue router设置默认跳转

christine14122的博客

04-06

835

vue默认跳转到‘/’路径下，redirect设置成’/home‘路径。关键字：redirect。

【vue】将vue配置为多页面应用，多页面应用设置默认跳转页面

weixin_44100002的博客

11-23

3996

将vue配置为多页面应用，多页面应用设置默认跳转页面

Vue路由重定向

2303_77164348的博客

06-14

1638

在 Vue Router 中，路由重定向（redirect）是一种将一个 URL 重定向到另一个 URL 的方法。

网页大屏VUE路由重定向刷新报404问题

qq_53457276的博客

06-02

533

网页大屏VUE路由重定向刷新报404问题

vue刷新重定向去首页

weixin_42112342的博客

12-23

1085

重定向去首页

vue解决history路由模式刷新重定向问题(apache服务器)

weixin_51952373的博客

02-28

3184

问题：vue文件打包后部署到apache服务器下，vue在history路由模式时,访问www.xx.com/about路径时刷新会导致not fount页面，这是因为 www.xx.com/about 目录不存在于服务器。解决：apche服务器重写路由到 www.xx.com/下。然后刷新可正常访问到 about 页面 apache开启路由重写 1、配置文件开启路由重写扩展 LoadModule rewrite_module modules/mod_rewrite.so 2、在自定义虚拟主.

tp redirect跳转html,TP5的页面跳转与重定向.md

weixin_33716865的博客

06-04

751

1、页面跳转的目标有哪些？调用方法：$this->success('提示','地址');$this->error('提示','地址');index.php文件内容：namespace app\index\controller;class Index extends \think\Controller{public function index(){return '欢迎来到PHP中文网学...

vue2路由设置如何设置默认跳转固定页面

05-23

要设置默认跳转到固定页面，你可以通过在路由配置中使用`redirect`属性来实现。具体来说，你需要定义一个名为`redirect`的路由，并将其作为根路由。然后在`redirect`路由中指定要跳转的页面的路径。以下是一个示例路由配置： ```javascript import Vue from 'vue' import Router from 'vue-router' import Home from '@/components/Home' import About from '@/components/About' Vue.use(Router) export default new Router({ routes: [ { path: '/', redirect: '/home' // 将根路由重定向到 /home }, { path: '/home', name: 'Home', component: Home }, { path: '/about', name: 'About', component: About } ] }) ``` 在上面的示例中，我们定义了一个名为`redirect`的路由，并将其设置为根路由。然后我们将其重定向到`/home`页面，这样当用户访问网站时，就会自动跳转到`/home`页面。