vue的index.html引入js或css文件刷新后失效问题

当vue的router模式设置为mode: 'history'时，全局引入 js 或者css在页面刷新后会失效可参考官网https://router.vuejs.org/zh/guide/essentials/history-mode.html设置另简单的两种方法1.将mode: 'history'注释掉，变成 hash 模式，此时刷新不会有问题2.在index.html引入的时候...

浊清。。。

8356人浏览 · 2019-03-05 17:39:36

浊清。。。 · 2019-03-05 17:39:36 发布

当vue的router模式设置为mode: 'history'时，全局引入 js 或者css在页面刷新后会失效
可参考官网https://router.vuejs.org/zh/guide/essentials/history-mode.html设置

另简单的两种方法

1.将mode: 'history'注释掉，变成 hash 模式，此时刷新不会有问题

2.在index.html引入的时候，将相对路径转换成绝对路径

相对路径：<script src="./powerbi.js"></script>

绝对路径：<script src="/powerbi.js"></script>

亲测，都可以用！！！

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^