码迷,mamicode.com
首页 > 其他好文 > 详细

Blazor-断开连接后重新加载浏览器 热更新自动刷新

时间:2021-01-20 11:44:15      阅读:0      评论:0      收藏:0      [点我收藏+]

标签:html   data-   一段   参考   rip   tca   nbsp   server   com   

解决方案1
<script src="_framework/blazor.server.js"></script>

//增加下面一段 自动刷新

<script>
   Blazor.defaultReconnectionHandler._reconnectCallback = function(d) {
        document.location.reload(); 
   }
</script>
解决方案2   感觉更好点???
<script>
    // 等待直到出现“重新加载”按钮
    new MutationObserver((mutations, observer) => {
        if (document.querySelector(‘#components-reconnect-modal h5 a‘)) {
            // 现在,每隔10秒,查看服务器是否返回,如果返回,则重新加载
            async function attemptReload() {
                await fetch(‘‘); // 检查服务器是否真的返回
                location.reload();
            }
            observer.disconnect();
            attemptReload();
            setInterval(attemptReload, 10000);
        }
    }).observe(document.body, { childList: true, subtree: true });
</script>
参考文档

Blazor-断开连接后重新加载浏览器 热更新自动刷新

标签:html   data-   一段   参考   rip   tca   nbsp   server   com   

原文地址:https://www.cnblogs.com/tolingsoft/p/14297877.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!