Vue3路由正确写法

import { createRouter, createWebHistory } from 'vue-router'
import Home from '@/view/Home.vue';
import Login from '@/view/Login.vue'

const routes = [
    {path: '/', component: Home},
    {path: '/login', component: Login}
]
export default createRouter({
    // 4. 内部提供了 history 模式的实现。为了简单起见，我们在这里使用 hash 模式。
    history: createWebHistory(),
    routes:routes, // `routes: routes` 的缩写
})

引入Home.vue和Login.vue的时候，必须写成import 组件 from '路径',Vue2的写法是const 组件 = import('路径')，在Vue3环境下，虽然本地运行是没问题的，但是在打包后部署到服务器就会造成白屏