在搭建vue3.0项目的时候,配置路由这一块,变化还很多的,
遇到这个错,找半天也没发现,最后才发现在定义路由模式的时候,
之前的做法是mode属性来定义,vue3.x废除了mode改用history ,而从vue-router 中对应的模式api实现,

createWebHistory -> history 它就对应vue2.x版本的history模式

import { createRouter, createWebHistory } from "vue-router";
import Layout from "@/pages/Layout.vue";

const routes = [
    {
        path: '/',
        component: Layout
    }
]
const router = createRouter({
    history: createWebHistory(),//这是正确的;错误提示:不要当成变量使用
    routes
})
export default router
Logo

前往低代码交流专区

更多推荐