Vue 404页面与链接不加#号

最新推荐文章于 2025-07-30 09:49:54 发布

原创最新推荐文章于 2025-07-30 09:49:54 发布 · 704 阅读

0 ·

CC 4.0 BY-SA版权

Vue 专栏收录该内容

53 篇文章

订阅专栏

本文介绍了一个使用Vue.js框架的路由配置示例，展示了如何定义多个路由路径及其对应的组件，并通过别名和重定向来优化用户体验。此外，还包含了错误处理机制。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

import Vue from 'vue'
import Router from 'vue-router'
import HelloWorld from '@/components/HelloWorld'
import params from '@/components/params'
import Hi1 from '@/components/Hi1'
import Error from '@/components/Error'



Vue.use(Router)

export default new Router({
  //路径不加#号
  mode:'history',
  routes: [
    {
      path: '/',
      name: 'HelloWorld',
      component:HelloWorld
    },{
      path:'/params/:newsId/:newsTitle',
      component:params
    },{
      path:'/goHome',
      redirect:'/'
    },{
      path:'/goParams/:newsId/:newsTitle',
      redirect:'/Params/:newsId/:newsTitle'
    },{
      path:'/hi1',
      component:Hi1,
      alias:'/jspang'
    }
    //当输入错误显示404
    ,{
      path:'*',
      component:Error
    }
  ]
})