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
];

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

解决方案:单独导入

相关推荐
Demoncode_y5 小时前
Vue3 + Three.js 实现 3D 汽车个性化定制及展示
前端·javascript·vue.js·3d·汽车·three.js
HWL56798 小时前
输入框内容粘贴时 &nbsp; 字符净化问题
前端·vue.js·后端·node.js
北城以北888812 小时前
Vue--Vue基础(一)
前端·javascript·vue.js
sniper_fandc13 小时前
Vue Router路由
前端·javascript·vue.js
Roye_ack1 天前
【项目实战 Day9】springboot + vue 苍穹外卖系统(用户端订单模块 + 商家端订单管理模块 完结)
java·vue.js·spring boot·后端·mybatis
北城以北88881 天前
Vue--Vue基础(二)
前端·javascript·vue.js
FuckPatience1 天前
Vue 组件定义模板,集合v-for生成界面
前端·javascript·vue.js
有梦想的攻城狮1 天前
从0开始学vue:vue和react的比较
前端·vue.js·react.js
silent_missile1 天前
vue3父组件和子组件之间传递数据
前端·javascript·vue.js