Vue去掉路由中的#问题(index.js)

import Vue from 'vue'
import VueRouter from 'vue-router'
import HomeView from '@/views/HomeView.vue'
import MainView from '@/views/MainView.vue'
import UserView from '@/views/UserView.vue'

Vue.use(VueRouter)


const routes = [
    {
        path: '/',
        component: MainView,
        children: [
            {
                path: 'home',
                component: HomeView
            },
            {
                path: 'user',
                component: UserView
            }
        ]
    }
]

// 3. 创建 router 实例，然后传 `routes` 配置
// 你还可以传别的配置参数, 不过先这么简单着吧。
const router = new VueRouter({
    mode: 'history',
    routes
})

// // 4. 创建和挂载根实例。
// // 记得要通过 router 配置参数注入路由，
// // 从而让整个应用都有路由功能
// const app = new Vue({
//     router
// }).$mount('#app')


export default router

上述实我修改之后的代码，注意修改两个地方

第一个导入文件的时候，使用@重新写路径

第二个在创建router实例的时候，记得mode:'history';