Vue<解决static静态json文件未及时更新问题>

问题：

因为项目中有很多不固定的文字和状态需要修改，如果都写在代码中，肯定每次修改文字都要修改一边代码，再打包。这样做肯定是不现实且不方便。
所以就制定了一个 dict.json字典表，放置到了static目录下如下图：

image.png image.png
通过 build后部署到OSS上，找到static目录里的dict.json。按理说重新定义一个 dict.json 文件，直接覆盖掉 OSS上的dict.json，页面的内容应该发生变化的。
但是事实却不是这样，就算你直接把OSS里面的dict.json删除，页面上的内容还是存在的，具体是什么原因造成的，也不是太明确。这边先主要说一下怎么解决！（有知道什么原因的，可以在下方评论告知小的😁） image.png

解决方案:

在static目录下，新建一个 staticJs 文件，把之前的 dict.json 修改为 dict.js。

image.png
然后用 window.dict =(之前的 dict.json 内容)
image.png
在main.js中引入

Vue.prototype.$dict = window.dict

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

<script src="./static/staticJs/dict.js"></script>

image.png

在用到的页面就能使用了

 {{$dict.cashStatus[0].value}}

这时候再进行最初的操作，重新定义一个dict.js文件覆盖，刷新页面，内容就更新了👌！