Smail/frontend/src/main-app.js
smail 6d5010b693
Some checks are pending
Security Checks / security (push) Waiting to run
修复部署后路由资源失效并保护未保存内容
2026-10-04 00:09:39 +08:00

65 lines
2.2 KiB
JavaScript

import { createApp } from 'vue'
import { createPinia } from 'pinia'
import App from './App.vue'
import { router } from './router'
import { useGlobalStatusStore } from './stores/useGlobalStatusStore'
import { ElMessage } from 'element-plus'
import { createRouteAssetRecovery, isReadOnlyRoute, isRouteAssetLoadError } from './utils/navigation.mjs'
import './styles/element-services.css'
import './assets/main.css'
const isReservedResetPath = (pathname) => {
let decoded = pathname.trim()
for (let attempt = 0; attempt < 2; attempt += 1) {
try {
const next = decodeURIComponent(decoded)
if (next === decoded) break
decoded = next
} catch {
break
}
}
const normalized = decoded.replace(/\/+$/, '').toLowerCase()
return normalized === '/reset' || normalized.startsWith('/reset/')
}
// Hash History 会将 /reset#/ 解析为普通首页,启动前先切断这个回退路径。
if (isReservedResetPath(window.location.pathname)) {
window.history.replaceState({}, document.title, '/')
window.location.hash = '#/reset-blocked'
}
const app = createApp(App)
const pinia = createPinia()
const globalStatus = useGlobalStatusStore(pinia)
app.use(pinia)
const recoverRouteAsset = createRouteAssetRecovery({
buildID: import.meta.url,
getStorage: () => window.sessionStorage,
reload: fullPath => {
// 只恢复页面导航,不重放发送邮件或保存配置等业务请求。
window.history.replaceState(window.history.state, '', `#${fullPath}`)
window.location.reload()
}
})
router.onError((error, to, from) => {
console.error('Router navigation failed', error)
const editing = globalStatus.settingsDrawerVisible || globalStatus.userInfos.securitySetupRequired
if (recoverRouteAsset(error, to, from, {editing, online: window.navigator.onLine})) {
return
}
if (isRouteAssetLoadError(error) && (editing || !isReadOnlyRoute(from)) && from?.name) {
// 保留编辑器或配置表单,不能用错误页卸载尚未保存的内容。
ElMessage.error('页面资源加载失败,请先保存当前内容,再刷新页面。')
return
}
globalStatus.setStartupError('页面加载失败,请刷新后重试')
})
app.use(router)
app.mount('#app')