Invalid vue default route

const routes = [
  {
    path:"/HelloWorld",
    component: HelloWorld
  },
  {
    path: "/second",
    component: second
  },
  //
  {
    path: "/",
    redirect: HelloWorld
  }
]

A second route is always displayed when it comes in. Click to switch, and set the default HelloWorld to make the initial route invalid. What"s the matter? (beginners of vue)

Vue.js javascript
Mar.04,2021

you don't pay attention to the document. Your redirect is used improperly. There are usually two ways:

  • Redirect path 
const routes = [
  {
    path:"/HelloWorld",
    component: HelloWorld
  },
  {
    path: "/second",
    component: second
  },
  //
  {
    path: '/',
    redirect: '/HelloWorld'
  }
]
  • Redirect name 
const routes = [
  {
    path:"/HelloWorld",
    name: 'helloworld',
    component: HelloWorld
  },
  {
    path: "/second",
    component: second
  },
  //
  {
    path: '/',
    redirect: { name: 'helloworld' }
  }
]
< hr >

reference documentation: https://router.vuejs.org/zh-c.

I hope my answer will be helpful to you!

Previous: What on earth is the promotion of variables?

Next: When no data in ant design table is shown as a no data problem

css mysql arrays josn react html typescript webpack npm sass R objective-c .net sql-server jquery python-3.x angularjs django angular excel regex iphone ajax linux xml pandas vba spring database wordpress string wpf xcode windows bash postgresql oracle multithreading eclipse list firebase algorithm macos forms image scala visual-studio azure bootstrap spring-boot react-native python-2.7 docker performance function winforms matlab powershell apache dataframe api sqlite numpy rest shell selenium flutter dart maven loops qt swing android-studio csv express file class tensorflow sorting codeigniter perl
© 2021 CodesHelper
Advertising Contact us About us
Menu