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

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

作者: 誰在花里胡哨 | 来源:发表于2019-09-14 14:39 被阅读0次
    问题:

    因为项目中有很多不固定的文字和状态需要修改,如果都写在代码中,肯定每次修改文字都要修改一边代码,再打包。这样做肯定是不现实且不方便。
    所以就制定了一个 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文件覆盖,刷新页面,内容就更新了👌!

    相关文章

      网友评论

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

        本文链接:https://www.haomeiwen.com/subject/zcxdyctx.html