import { router } from './router'
|
import App from './App.vue'
|
|
function getCurrentRouteInfo() {
|
const currentRoute = router.currentRoute.value
|
return {
|
name: currentRoute?.name ?? '',
|
path: currentRoute?.path ?? '',
|
fullPath: currentRoute?.fullPath ?? '',
|
query: currentRoute?.query ?? {},
|
params: currentRoute?.params ?? {},
|
}
|
}
|
|
function logGlobalError(type: string, payload: Record<string, unknown>) {
|
console.error(`[global-error] ${type}`, {
|
...payload,
|
route: getCurrentRouteInfo(),
|
timestamp: new Date().toISOString(),
|
})
|
}
|
|
window.addEventListener('error', (event) => {
|
logGlobalError('window.error', {
|
message: event.message,
|
filename: event.filename,
|
lineno: event.lineno,
|
colno: event.colno,
|
error: event.error,
|
})
|
})
|
|
window.addEventListener('unhandledrejection', (event) => {
|
logGlobalError('window.unhandledrejection', {
|
reason: event.reason,
|
})
|
})
|
|
// 创建应用实例并挂载
|
const app = createApp(App)
|
|
app.config.errorHandler = (error, instance, info) => {
|
logGlobalError('vue.errorHandler', {
|
info,
|
component: instance?.type,
|
error,
|
})
|
}
|
|
app.mount('#app')
|
