vue-router history模式

172 字
1 分钟
vue-router history模式

当vue router模式设置为mode: ‘history’时,全局引入 js 或者css在页面刷新后会失效

  • 解决方法:
    1. 将mode: ‘history’注释掉,变成 hash  模式,此时刷新不会有问题
    2. 在index.html引入的时候,将相对路径转换成绝对路径 相对路径:<script src="./powerbi.js"></script>
      绝对路径:<script src="/powerbi.js"></script>
      ./ 是指用户所在的当前目录(相对路径)
      / 是指根目录(绝对路径,项目根目录),也就是项目根目录(dist目录)
      对于hash模式,根路径是固定的,就是项目的根目录,但是history模式下,以/开头的嵌套路径会被当作根路径
vue-router history模式
https://wangxiang.website/posts/前端框架/history-mode/
作者
翔子
发布于
2020-08-28
许可协议
CC BY-NC-SA 4.0
Profile Image of the Author
翔子
前端开发工程师
公告
博客已从 VitePress 迁移到 Astro + Firefly 主题,223 篇文章全部保留。
音乐
封面

音乐

暂未播放

0:00 0:00
暂无歌词
分类
标签
站点统计
文章
221
分类
9
标签
28
总字数
411,914
运行时长
0
最后活动
0 天前

文章目录