问题:
因为项目中有很多不固定的文字和状态需要修改,如果都写在代码中,肯定每次修改文字都要修改一边代码,再打包。这样做肯定是不现实且不方便。
所以就制定了一个 dict.json字典表,放置到了static目录下如下图:
通过 build后部署到OSS上,找到static目录里的dict.json。按理说重新定义一个 dict.json 文件,直接覆盖掉 OSS上的dict.json,页面的内容应该发生变化的。
但是事实却不是这样,就算你直接把OSS里面的dict.json删除,页面上的内容还是存在的,具体是什么原因造成的,也不是太明确。这边先主要说一下怎么解决!(有知道什么原因的,可以在下方评论告知小的😁) image.png
解决方案:
在static目录下,新建一个 staticJs 文件,把之前的 dict.json 修改为 dict.js。
然后用 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文件覆盖,刷新页面,内容就更新了👌!
网友评论