All checks were successful
构建并部署前端到测试环境 / build-and-deploy (push) Successful in 2m22s
- main.ts 监听 vite:preloadError,chunk 加载失败时自动刷新一次 - 新增 ChunkErrorBoundary 组件,捕获 Vue 渲染层 chunk 加载异常 - App.vue 包裹 ChunkErrorBoundary - docker/nginx.conf 修复缓存策略:index.html 不缓存,/assets/ 长缓存 immutable
49 lines
1.7 KiB
TypeScript
49 lines
1.7 KiB
TypeScript
import App from './App.vue'
|
|
import { createApp } from 'vue'
|
|
import { initStore } from './store' // Store
|
|
import { initRouter } from './router' // Router
|
|
import '@styles/reset.scss' // 重置HTML样式
|
|
import '@styles/app.scss' // 全局样式
|
|
import '@styles/el-ui.scss' // 优化element样式
|
|
import '@styles/mobile.scss' // 移动端样式优化
|
|
import '@styles/change.scss' // 主题切换过渡优化
|
|
import '@styles/theme-animation.scss' // 主题切换动画
|
|
import '@styles/el-light.scss' // Element 自定义主题(亮色)
|
|
import '@styles/el-dark.scss' // Element 自定义主题(暗色)
|
|
import '@styles/dark.scss' // 系统主题
|
|
import '@icons/system/iconfont.js' // 系统彩色图标
|
|
import '@icons/system/iconfont.css' // 系统图标
|
|
import '@utils/sys/console.ts' // 控制台输出内容
|
|
import * as ElementPlusIconsVue from '@element-plus/icons-vue'
|
|
import { setupGlobDirectives } from './directives'
|
|
import language from './locales'
|
|
|
|
document.addEventListener(
|
|
'touchstart',
|
|
function () {},
|
|
{ passive: false }
|
|
)
|
|
|
|
const app = createApp(App)
|
|
initStore(app)
|
|
initRouter(app)
|
|
setupGlobDirectives(app)
|
|
|
|
app.use(language)
|
|
|
|
for (const [key, component] of Object.entries(ElementPlusIconsVue)) {
|
|
app.component(key, component)
|
|
}
|
|
|
|
window.addEventListener('vite:preloadError', event => {
|
|
event.preventDefault()
|
|
const key = '__chunk_reload__'
|
|
if (!sessionStorage.getItem(key)) {
|
|
sessionStorage.setItem(key, '1')
|
|
window.location.reload()
|
|
}
|
|
})
|
|
|
|
app.mount('#app')
|
|
|