Vue刷新浏览器后重定向到首页或者某一个页面

2023-11-02

记录一下项目需要的一些小优化,刷新浏览器时回到首页.一般来说vue项目刷新浏览器之后还会继续跳动刷新之前的页面.
我们只需要要App.vue中的created方法中添加相关判断即可
这里的/index可以换成具体需要跳转的页面,具体代码如下:

<script>
export default  {
  name:  'App',
  created() {
    if(this.$router.path !== '/index'){
      this.$router.replace('/index')
    }
  }
}
</script>

记录到此结束,希望这篇文章对兄弟姐妹们有作用!

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

Vue刷新浏览器后重定向到首页或者某一个页面 的相关文章

随机推荐

  • 《软件测试的艺术》读后感 Or 读书笔记

    软件测试的艺术 读后感 Or 读书笔记 第一章 一次自评价测试 第二章 软件测试的心理学和经济学 第三章 代码检查 走查与评审 第四章 测试用例的设计 第五章 模块 单元 测试 第六章 更高级别的测试 第七章 可用性 或用户体验 测试 第八
  • Java—类的加载概述

    1 1 类的加载概述 当程序要使用某个类时 如果该类还未被加载到内存中 则系统会通过加载 连接 初始化三步来实现对这个类进行初始化 1 加载 是将class文件读入内存 并为之创建一个Class对象 任何类被使用时系统都会建立一个Class
  • Docker中安装Gitlab详细全教程

    前言 一 安装Gitlab 1 搜索影像 2 下载影像 3 启动Git服务 4 查看Gitlab是否已经启动 二 配置Gitlab 1 首先 先进入容器 2 修改gitlab rb文件 3 修改gitlab rb文件中的IP与端口号 3 配
  • OpenCV——求直线交点

    您可以使用OpenCV中的cv Point和cv Vec4i数据类型来表示点和直线 然后使用cv intersect函数来计算两条直线的交点 下面是一个示例代码 其中line1和line2分别表示两条直线的起点和终点 cv Point li
  • 机器学习(11)——时间序列分析

    目录 1 时间序列数据的相关检验 1 1 白噪声检验 1 2 平稳性检验 1 3 自相关分析和偏自相关分析 2 移动平均算法 2 1 简单移动平均法 2 2 简单指数平滑法 2 3 霍尔特线性趋势法 2 4 Holt Winters 季节性
  • Centos7安装dig命令

    2019独角兽企业重金招聘Python工程师标准 gt gt gt Centos7安装dig命令 作者 jwj 时间 2018 10 17 分类 服务器 最近做一个项目 需要用到Gmail邮箱发送邮件 但发现发送不出去 排查问题时 需要用到
  • 最新SecureCRT 中文注册版

    SecureCRT是一款由VanDyke Software公司开发的终端仿真软件 它提供了类似于Telnet和SSH等协议的远程访问功能 SecureCRT专门为网络管理员 系统管理员和其他需要保密访问网络设备的用户设计 软件下载 Secu
  • filter IE滤镜(Internet Explorer)CSS

    http justcoding iteye com blog 940184 概述 CSS滤镜虽然只能在IE浏览器中表现出效果 但是仍不失为网页增加特效的好办法 1 CSS静态滤镜样式 filter CSS静态滤镜样式的使用方法 filter
  • PlatformIO基于ESP32S2的SPI软串口LCD屏调试

    文章目录 VSCode PlatformIO Arduino ESP32S2 SPI LCD 320 240 一 准备工作 二 测试 1 全屏检测 2 图形测试 参考资料 VSCode PlatformIO Arduino ESP32S2
  • 基于SSM+Vue的网上拍卖系统

    末尾获取源码 开发语言 Java Java开发工具 JDK1 8 后端框架 SSM 前端 采用Vue技术开发 数据库 MySQL5 7和Navicat管理工具结合 服务器 Tomcat8 5 开发软件 IDEA Eclipse 是否Mave
  • Halcon: (示例 1)OCR 字符识别

    目录 示例 涉及算子描述 text line orientation hom mat2d identity hom mat2d rotate affine trans image dots image reduce domain vecto
  • Flutter 混合架构方案探索

    得益于 Flutter 优秀的跨平台表现 混合开发在如今的 App 中随处可见 如最近微信公布的小程序新渲染引擎 Skyline 发布正式版也在底层渲染上使用了 Flutter 号称渲染速度提升50 在现有的原生 App 中引入 Flutt
  • pnpm的原理和优势(monorepo)

    硬连接和软连接 硬连接 存储的物理磁盘上该文件的地址 比如 F 恭喜发财 mp4这个文件是一个硬连接 通过它可以找到物理磁盘上该 mp4 数据的地址 软件连 是一个引用 它存储的是硬连接的地址 简而言之 它保存的是文件路径F 恭喜发财 mp
  • 软件设计师学习笔记9-进程调度

    目录 1 PV操作 1 1进程的同步与互斥 1 1 1互斥 1 1 2同步 1 2 PV操作 1 2 1信号量 1 2 2 PV操作的概念 2 信号量与PV操作 2 1 PV操作与互斥模型 2 2 PV操作与同步模型 2 3 互斥与同步模型
  • 基于蒙特卡洛的强化学习方法【附带代码实现】

    基于蒙特卡洛的强化学习方法 蒙特卡洛方法 Monte Carlo methods 也被称为统计模拟方法 是一种基于概率统计的数值计算方法 运用蒙特卡洛方法时 我们通常使用重复随机抽样 然后运用概率统计方法来从抽样结果中归纳出我们想求的目标的
  • Powerdesigner16.5连接DB2 反向工程

    需要jDBC接口 DB2数据库 jDBC需要jdk支持
  • u-boot编译错误:error: bad value (armv5) for -march= switch

    在makefile文件最上方加上 ARCH arm CROSS COMPILE arm none linux gnueabi
  • Nginx访问二级目录后/(反斜杠)无法访问问题的解决办法

    Nginx访问二级目录的时候不加 反斜杠 无法访问 现在给出解决办法 我用的是正则表达式自动加 反斜杠 if d request filename rewrite http host 1 2 permanent
  • PCB设计_Via过孔和PAD焊盘

    PCB的四周一般会设计增加机械孔用于固定PCB板 增加整体结构的稳定 但是机械孔的设计往往在新手的设计中会出现许多问题 而且DFM检查还不一定可以检查出来 那么针对机械孔 金属化和非金属化 两种的设计 下面将会讨论 1 金属化机械孔 这里不
  • Vue刷新浏览器后重定向到首页或者某一个页面

    记录一下项目需要的一些小优化 刷新浏览器时回到首页 一般来说vue项目刷新浏览器之后还会继续跳动刷新之前的页面 我们只需要要App vue中的created方法中添加相关判断即可 这里的 index可以换成具体需要跳转的页面 具体代码如下