vite vue 打包后运行,路由首页加载不出来

路由配置:

javascript 复制代码
import { createRouter, createWebHistory, RouteRecordRaw } from "vue-router";
import websiteRouter from './websiteRoutes'

const routes: Array<RouteRecordRaw> = [
    {
        path: "/",
        name: "Home",
        component: await import("@/views/Home/index.vue"),
        children: [],
    },
    {
        path: "/article_add",
        name: "articleAdd",
        component: async () => await import("@/views/website/system/articleAdd.vue"),
    },
    {
        path: "/404",
        name: "NotFound",
        component: async () => await import("@/views/404/index.vue"),
        meta: {
            title: "404",
            auth: false,
        },
    },
    {
        path: "/:pathMatch(.*)", //
        redirect: "/404",
    },
    ...websiteRouter
];

打包后运行,首页加载不出来,点击首页也无效。但其它路由页面可以进入

解决方案:单独导入

相关推荐
两个西柚呀3 小时前
未在props中声明的属性
前端·javascript·vue.js
一个处女座的程序猿O(∩_∩)O7 小时前
Vue-Loader 深度解析:原理、使用与最佳实践
前端·javascript·vue.js
麦麦大数据9 小时前
F034 vue+neo4j 体育知识图谱系统|体育文献知识图谱vue+flask知识图谱管理+d3.js可视化
javascript·vue.js·知识图谱·neo4j·文献·体育·知识图谱管理
fhsWar11 小时前
Vue3 props: `required: true` 与 vant 的`makeRequiredProp`
前端·javascript·vue.js
惜.己17 小时前
从零使用vue脚手架开发一个简易的计算器
vue·js·1024程序员节
阿珊和她的猫21 小时前
深入剖析 Vue Router History 路由刷新页面 404 问题:原因与解决之道
前端·javascript·vue.js
@AfeiyuO1 天前
el-table 表格嵌套表格
前端·elementui·vue
飞鸟真人1 天前
VUE+Electron从0开始搭建开发环境
electron·vue
麦麦大数据1 天前
F032 材料科学文献知识图谱可视化分析系统(四种知识图谱可视化布局) | vue + flask + echarts + d3.js 实现
vue.js·flask·知识图谱·数据可视化·论文文献·1024程序员节·科研图谱
web打印社区1 天前
使用React如何静默打印页面:完整的前端打印解决方案
前端·javascript·vue.js·react.js·pdf·1024程序员节