Cómo eliminar del proyecto vue#

Este artículo presenta principalmente cómo eliminar # en el proyecto vue y su compatibilidad con ie9. El editor piensa que esto es bueno. Ahora compártelo con todos y dales a todos una referencia. Echemos un vistazo con el editor, espero que sea de ayuda para todos.

1. ¿Cómo eliminar el signo # de la dirección de acceso en el proyecto vue?

Modo Agregar en la configuración de enrutamiento en vue2 (el proyecto creado por vue-CLI está en src/router/index.js).

2. Principios de enrutamiento de Vue

2.1 Modo Hash: el modo de enrutamiento predeterminado de vue-router.

La aplicación de una sola página desarrollada por Vue tiene solo un HTML, y el cambio de URL durante el cambio simula la URL completa a través del método hash de la URL.

2.2 Modo Historial: Modo: "Historial" se configura en vue2.

Utilice la API History.pushState para completar el salto de URL.

Introducción al sitio web oficial del modo historia HTML5:/essentials/history-mode.html

3. Notas

Sin embargo, este modo requiere soporte de configuración en segundo plano para funcionar bien. . Debido a que nuestra aplicación es una aplicación cliente de una sola página, si la configuración en segundo plano no es apropiada, cuando el usuario accede directamente a /essentials/history-mode.html en el navegador.

Cuarto, compatibilidad

Después de las pruebas, el modo: "Historial" no funciona en IE9. Si el proyecto Vue necesita ser compatible con IE9 y la dirección de acceso se verifica estrictamente en segundo plano, no se recomienda este modo. Si hay algún error u omisión en el contenido, critíquelo y corríjalo ~