美文网首页
vue项目动态加载json文件,数据不更新

vue项目动态加载json文件,数据不更新

作者: 陶菇凉 | 来源:发表于2021-10-11 09:19 被阅读0次

原本使用json文件是为了加载,不用重新打包,结果测试数据改变之后,没有加载更新;
解决办法:
1.将json文件改为js文件
内容 window.dict =(之前的 info.json 内容)
2.在main.js中引入

Vue.prototype.$dict = window.dict

3.在index.html中引入(注意:引入的时候要在body标签之上,不然会报错)

<script src="./info.js"></script>

4.页面中使用

 {{$dict.data}}

script 中引用则是this.$dict.data
注意:此方法也存在缓存问题,强制刷新下就好了。

相关文章