vue项目打包后,由于html被缓存导致出现白屏的处理方案

window.my_isLoad = 1

$(document).ready(
        function(){
          if(!window.my_isLoad) {
            // 这里可供自己测试查看，上线时可去掉，或自己做替他交互也可以，比如在页面上给什么提示信息、按钮
            var paydiv = document.createElement('div')
                paydiv.innerHTML = '资源加载失败，我要刷新了'
                document.body.appendChild(paydiv)
            // 
            setTimeout(()=>{
              document.body.removeChild(paydiv)
              window.location.reload(true)
            },10000)
            // 这个延迟时间可自己控制，页面加载出错多久后刷新页面
          }
        }
      )

this.$nextTick(()=>{
      (function(){
        var appDom = document.getElementById('app')     //这里的app是我们vue项目的app
        var checkDom = document.createElement('span')
        checkDom.setAttribute('id', 'my-check-load-dom')   //这里的id是我们需要判断的
        checkDom.style.display = 'none'
        appDom.appendChild(checkDom)
      })()
    })

$(document).ready(
        function(){
          var myLoadDom = document.getElementById('my-check-load-dom')
          if(!myLoadDom) {
            var paydiv = document.createElement('div')
                paydiv.innerHTML = '资源加载失败，我要刷新了'
                document.body.appendChild(paydiv)
            setTimeout(()=>{
              document.body.removeChild(paydiv)
              window.location.reload(true)
            },10000)
          }
        }
      )