美文网首页
vue-router 使用 WebHistory 模式的缓存问题

vue-router 使用 WebHistory 模式的缓存问题

作者: VioletJack | 来源:发表于2023-04-09 11:33 被阅读0次

最近遇到个问题,我使用 vue3 写了两个项目,并且都使用 vue-router 来做路由跳转。结果遇到个奇葩问题:

我运行项目 A 的时候居然能够访问项目 B 的页面,而且当时项目 B 并没有启动。

具体原理还没细究,先解决问题。两种方式:

  1. 使用 Hash 模式来处理路由,让两个项目单独开来。
import { createRouter, createWebHashHistory } from 'vue-router'

const router = createRouter({
  history: createWebHashHistory(),
}
  1. 清除浏览器缓存,或者在无痕模式下打开页面。

相关文章

网友评论

      本文标题:vue-router 使用 WebHistory 模式的缓存问题

      本文链接:https://www.haomeiwen.com/subject/pvdbddtx.html