VueRouter

    技术2026-04-08  7

    路由模式与 404

    路由模式

    路由模式有两种

    hash:路径带 # 符号,如 http://localhost/#/loginhistory:路径不带 # 符号,如 http://localhost/login

    修改路由配置,代码如下:

    export default new Router({ mode: 'history', routes: [ ] });

    处理 404

    创建一个名为 NotFound.vue 的视图组件,代码如下:

    <template> <div> 页面不存在,请重试! </div> </template> <script> export default { name: "NotFount" } </script> <style scoped> </style>

    修改路由配置,代码如下:

    { path: '*', component: NotFound }
    Processed: 0.012, SQL: 9