网站内容更新不及时(一个dict.json字典表怎么修改？.js怎么解决？)

　　网站内容更新不及时(一个dict.json字典表怎么修改？.js怎么解决？)

　　问题：

　　因为项目中有很多不固定的文本和状态需要修改，如果都写在代码中，每次修改文本都要修改代码的一侧，然后打包。这当然是不现实和不方便的。

　　于是开发了一个dict.json字典表，放在静态目录下，如下图：

　　图像.png

　　图像.png

　　build后部署到OSS，在static目录下找到dict.json。按道理重新定义一个dict.json文件，直接覆盖OSS上的dict.json。页面的内容应该改变。

　　但这种情况并非如此。即使直接删除OSS中的dict.json，页面上的内容依然存在。目前还不太清楚是什么原因造成的。先说说怎么解决吧！（知道原因的可以在下方评论告诉小编）

　　图像.png

　　解决方案：

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

　　图像.png

　　然后使用window.dict =（之前的dict.json内容）

　　图像.png

　　在 main.js 中引入

　　Vue.prototype.$dict = window.dict

　　在index.html中导入（注意：导入时一定要在body标签上，否则会报错）

　　图像.png

　　您可以在您使用的页面上使用它

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

　　这时候执行初始操作，重新定义一个dict.js文件来覆盖，刷新页面，内容就会更新！