Lo que más comúnmente utilizado configuración de enrutamiento? (Aprender enrutamiento conocimiento necesario)

En primer lugar usted necesita saber qué ruta del artículo -----

directorio

Introducción
a la redirección
de alias alias de
redirección redirigir
una página única multi-ruta

prefacio

1. Usted debe saber cómo crear una ruta https://blog.csdn.net/qq_44163269/article/details/105150962
2. Usted debe ser consciente de componentes de enrutamiento para proporcionar enrutador vista y el router-link está haciendo

---

• En la dirección que le aporte / xxx le mostrará el contenido de los componentes especificados rutas, tales como 127.0.0.1/my mostrar mi contenido de componentes
• ¿Qué pasaría si / enrutamiento de los errores de entrada detrás de esto? Por ejemplo, / gwgerfswef
• No puedo encontrar una ruta coincidente, pero aún así mostrar la página

---

• En este punto usted puede estar pensando: yo estaba allí sólo para jugar, los peces no deben encontrar la página, la página mostrará por qué?
• Debido a que el andamio es impulsado servicio del nodo de servicio, el servicio en este nodo, que tiene una redirección, lo que significa que va a hacer frente a todas sus peticiones están apuntando nuestro archivo index.html

redirección

El primer paso : Es necesario crear una página de redirección (montaje), que es cuando no se puede encontrar el contenido de la página de visualización

• Esto es como 404

Paso dos : Crear una nueva ruta

• En el archivo index.js ruta de escritura:

{
	path:"*",   //这个 * 号的意思是当你找不到符合要求的路由时，他会使用该路由所指定的组件
	component:import('../views/Err')  //使用指定的该组件
},

alias alias

• Por defecto, cuando se acaba de entrar en la barra de dirección 127.0.0.1, se cree que su dirección /
• En este espectáculo es la página de inicio, ahora quiero acceder a ella a través de / home
• Entonces sólo tiene que añadir el código en el código siguiente para lograr

	alias:"/home",

El código completo / otras vías se puede configurar

	{
        path: '/',
        alias:"/home",
        name: 'Home',
        component: Home
    }

redirección redirección

• Se trata de un alias y tener algunas similitudes
• Cuando acceda a la dirección es xxx, yyy será redirigido a la trayectoria de la ruta /

{
	path:"/abcdefg",// 当你访问的地址是abcdefg时，会重定向到path为/one的路由
	redirect:"/one"
}

En comparación con Alias :

• alias es la misma ruta agrega una entrada, la dirección no va a cambiar
• dirección de redireccionamiento será redirigido a la dirección apuntada redirección

de una sola página multi-ruta

Y el nombre de la vista utiliza conjuntamente

• nombre y el nombre componente es sensible a mayúsculas
• El mismo nombre y el nombre del componente. Si no hay ningún atributo de nombre que desea utilizar el nombre predeterminado para el componente

{
/***********************视图*****************************/
        <router-view name="One"/>
        <router-view name="Two"/>
        <router-view name="Three"/>
        <router-view name="Four"/>
        <router-view/>    //没有提供name，我就使用默认的组件，就是下方中的 default
/***********************路由配置*************************/        
    path:"/main",
    components:{
        One:()=>import("../views/One"),
        Two:()=>import("../views/Two"),
        Three:()=>import("../views/Three"),
        Four:()=>import("../views/Four"),
        default:()=>import("../views/My")
    }
}