如何解决Chrome中Vue.js每5秒自动重载问题？无痕模式无此现象

我有一个VueJS应用，近期开始出现无限重载现象，约每5秒触发一次。以下是已完成的调试步骤：

• 无论处于应用内哪个页面，问题都会出现
• 控制台无错误信息
• 网络请求无错误提示
• 清除Cookie、localStorage及其他应用数据无效
• 重启浏览器和电脑无效
• 回退至确认无问题的早期代码版本，问题依旧，这并非代码错误
• 在Chrome无痕模式和Firefox中测试，问题未出现，这是定制化Chrome与VueJS的兼容问题
• 从“管理扩展”页面禁用所有Chrome扩展，无效
• 切换至访客配置文件，无效
• 创建全新Vue.js项目，无此问题，这是我的Vue.js项目与Chrome的适配问题
• 仅本地环境出现该问题，部署至Kubernetes的同应用无此现象

启动应用命令 #

nvm use 20 && vite

怀疑方向 #

不确定应用哪部分导致问题，也疑惑为何无痕模式无此现象，唯一能想到的是应用使用了Keycloak。

Main.ts 核心代码 #

import { createApp } from 'vue';
import './style.css';
import 'bootstrap/dist/css/bootstrap.min.css';
import 'bootstrap';
import '@fortawesome/fontawesome-free/css/all.min.css';
import 'vue-multiselect/dist/vue-multiselect.css';
import App from './App.vue';
import router from '@/router';
import keycloak from './keycloak';
import axios from 'axios';
import { store } from './store';

keycloak.init({ onLoad: 'login-required' }).then((auth) => {
  if (!auth) {
    window.location.reload();
  } else {
    axios.defaults.baseURL = import.meta.env.VITE_APP_BACKEND;
    axios.defaults.headers.common["Authorization"] = `Bearer ${keycloak.token}`;
    axios.post('/sync_account');

    const app = createApp(App);
    
    app.use(router);
    app.use(store);
    
    app.mount('#app');
  }
}).catch((err) => {
  console.error("Authentication Failed: ", err);
});

重载时触发的请求 #

重载时会发起以下三个请求，推测问题可能由Keycloak导致：

1. https://KEYCLOAK_SERVER/auth/realms/REALM/protocol/openid-connect/login-status-iframe.html/init?client_id=APP_NAME&origin=http%3A%2F%2Flocalhost%3A5173（响应为204 No Content）
2. 另一个带code的Keycloak认证端点请求（响应为302 Found）
3. http://localhost:5173/（应用自身地址）

环境信息 #

• 系统：Ubuntu 20.04.6 LTS
• Linux内核：5.15.0-117-generic
• Chrome版本：126.0.6478.126（官方版本）64位

如何进一步缩小问题范围？

内容的提问来源于stack exchange，提问作者user3207874