【vue3项目部署到服务器上】_vue3部署到服务器

vue3项目部署到服务器上

路由下面的index.js

import { createRouter, createWebHistory, createWebHashHistory } from 'vue-router'
import index from '../views/index.vue'
const routes = [{
        path: '/',
        name: 'index',
        component: index,
        children: [{
                path: 'home', //首页
                name: 'home',
                component: () =>
                    import ('../views/home.vue')
            },
        ]
    },
    {
        path: '/login',//登录
        name: 'login',
        component: () =>
            import ('../views/login.vue')
    },
    {
        path: '/register', //注册
        name: 'register',
        component: () =>
            import ('../views/register.vue')
    }, 
]

const router = createRouter({
    history: createWebHashHistory(process.env.BASE_URL),
    routes
})
export default router
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33

路由要部署到服务器上的话,需要注意的是,
必须是哈希模式,不能是历史模式.
记得导入createWebHashHistory,不然,不成功