Vue 路由器页面刷新时出现 404

2024-02-21

我正在使用具有历史模式的 Vue 路由器。在按钮上单击当前页面,我将其路由到下一页。在第二页上,当我重新加载时,我收到 404。有没有办法在 Vue 中处理这个问题并将其重定向到主页。

export default new Router({
  mode: "history",
  routes: [
    {
      path: "/",
      name: "first",
      component: First
    },
    {
      path: "/abc",
      name: "abc",
      component: Second,
      props: true
    },

您可以使用哈希模式而不是历史模式来解决路由器上的问题

let router = new Router({
    mode: "hash",
  routes: [
    {
    //and the urls with path on here ...
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

Vue 路由器页面刷新时出现 404 的相关文章

随机推荐

  • 如何在 Notepad++ 中自动更改 XHTML 结束标签

    如果之前有人问过这个问题 我深表歉意 但我不相信有人明确提出过这个问题 导致 stackoverflow 上出现很多混乱 我正在使用 Notepad v6 6 9 我正在寻找自动更改结束语的方法当我想 稍后 更改我的开始元素标签时 例如 如
  • Django 和项目/应用程序组织

    我刚刚开始学习 Django 对布局和组织项目和应用程序的最佳方式有点困惑 根据我的理解 项目是您的整个网站 应用程序是组成该网站的各个部分 对于第一个项目 我正在制作一个小型电子商务类型的网站 其中将包含用户 项目等 那么我应该有 用户
  • 使用 DATETIME mysql 查询日期之间的时间范围

    我有一个数据库表 其中包含如下字段 TIME Datetime Update ID 2013 11 25 05 00 14 XC3 2013 11 25 06 00 13 XC4 2013 11 25 06 00 19 XC5 2013 1
  • AngularJS 在哪里存储缓存数据

    我正在使用 AngularJS 构建一个应用程序 我需要跨会话存储一些数据 我以为 cacheFactory可能是一个选择 但是 我不知道在哪里缓存对象 http docs angularjs org api ng type 24cache
  • 如何使用 Tippy.js 在 mouseenter 上显示工具提示并在单击时隐藏

    我在用Tippy js https atomiks github io 我想在 mouseenter 上显示工具提示 但在单击时隐藏它 当您click在一个元素上 tippy并保持打开状态 直到您点击离开 tippy tippy trigg
  • 无限滚动一次加载所有项目?

    我正在使用一个名为自动浏览 https github com msjolund jquery esn autobrowse它代表一种无限滚动类型的脚本 可从 JSON 文件中提取数据 当我将脚本设置为重复 循环 这些项目几次时 它的工作原理
  • 错误:OID 未增加:SNMPv2-SMI::dod,如何增加 OID?

    我正在尝试实现具有两个不同上下文名称的 snmp 代理 我得到了一些示例程序 这是我的代理端代码 我从snmplabs com http snmplabs com 我尝试实现它 但在执行 snmpwalk 时遇到一些错误 snmpwalk
  • 在centos 6.4上安装numpy&scipy

    我在虚拟环境中工作 安装 numpy 和 scipy 时遇到问题 据我了解 在使用 scipy 之前我必须完全安装 numpy 但是我在安装 numpy 时遇到了问题 I usedpip install numpy并将 numpy 安装到我
  • 具有多个查找字段的 Rest 调用以进行反向查找

    在Django Rest框架中 有没有办法拥有多个查找字段 我知道这听起来不太好REST友好的 我有一个Company模型 我想首先通过国家 地区列出它们 然后通过 slug 字段列出它们 例如 companies
  • Restore_best_weights 问题 keras 提前停止

    我正在将 Keras 的 EarlyStopping 用于我的深度学习项目 文档here https keras io callbacks earlystopping提到了一个非常有用的恢复最佳体重的想法 但不知何故我还无法使用它 我使用的
  • 使用 lambda 表达式来避免使用“魔术字符串”来指定属性

    我正在编写一项服务来获取特定类型的对象集合输出其原始类型 字符串类型和日期时间类型 https stackoverflow com questions 3161959 in c is there a way retrieve only bu
  • C++ 使用 .o 链接和使用 .a 文件链接之间存在差异:行为不同,为什么?

    我期望 与 o 文件链接和与从 o 文件存档的 a 文件链接应该没有区别 但事实并非如此 我有2个源文件 每个都声明1个类 1个静态对象 1个函数 以及一个调用其中一个函数的main cpp cat First cpp include
  • 改变rgba颜色的色调

    我使用 RGBA 颜色在 matplotlib 中将一堆数据绘制为对数刻度上的散点图 以防万一介质相关 我希望能够做的是 一旦绘制了所有内容 我想挑选出各个散点并将其色调更改为某种 RGB 颜色的色调 但保留旧的 alpha 值 我目前的做
  • 将分类数据从 CSV 加载到 Scikit-Learn 以进行机器学习

    我正在学习 Scikit Learn 对推文进行一些分类 我有一个 csv 其中一列包含推文 下一列包含 0 11 的班级 我经历了本教程来自 Scikit Learn 网站 http scikit learn org stable tut
  • 日期范围越小SQL查询时间越长?

    我有一个简单的 select 语句 它从 SQL Server 2000 这么旧 的表中选择数据 该表大约有 10 2000 万行 如下所示 startDate 2014 01 25 yyyy mm dd endDate 2014 02 2
  • 如何按值对多维数组进行排序? [复制]

    这个问题在这里已经有答案了 我有一个如下数组 我想按键 attack 的值对该数组进行排序 数组的第一个键 15 13 18 是数据库中某些特定项目的 ID 因此我不希望在数组排序时更改这些键 任何帮助将不胜感激 这是数组 data arr
  • MongoException:名称索引:代码已存在且具有不同选项

    我有一个mongodb收藏term具有以下结构 id 00002c34 a4ca 42ee b242 e9bab8e3a01f terminologyClass USER code X67 terminology some term rel
  • 用 Haskell 解释 Parigot 的 lambda-mu 演算

    我们可以用 Haskell 来解释 lambda 演算 data Expr Var String Lam String Expr App Expr Expr data Value a V a F Value a gt Value a int
  • Powershell 中所有进程的 CPU 和内存使用百分比

    有没有一种方法可以查看所有正在运行的进程的 CPU 和内存利用率百分比PowerShell 我已经尝试过以下方法 Get Process Process 0 CPU Usage 1 Memory Usage 2 f ProcessName
  • Vue 路由器页面刷新时出现 404

    我正在使用具有历史模式的 Vue 路由器 在按钮上单击当前页面 我将其路由到下一页 在第二页上 当我重新加载时 我收到 404 有没有办法在 Vue 中处理这个问题并将其重定向到主页 export default new Router mo