Utilice vite vue3 pinia naiveui para crear un sistema de administración de backend simple desde cero.
Luego agregue la configuración en el complemento.
Aquí, naiveui utiliza la importación automática bajo demanda. Para obtener más información, consulte la documentación oficial: Shushao) -Naive UI.
El autor ha agregado algunas configuraciones de empaquetado que no es necesario ignorar. Cómo se verá la configuración:
Cree una nueva carpeta de complementos en el directorio src, luego cree un nuevo pinia.js:
Vaya al directorio src y cree un nuevo directorio de almacenamiento y luego cree un nuevo user.js:
El uso de pinia y vuex es diferente. Para más detalles, consulte la documentación oficial: Inicio | Pinia.
Cree un nuevo archivo axios.js en el complemento:
La configuración de la variable de entorno utilizada aquí es nueva. El archivo env.production se crea en el mismo directorio que src:
Después de empaquetar el proyecto, se utilizará automáticamente VITE_API_BASEURL en la variable de entorno de producción.
Cree un nuevo router.js bajo el complemento:
El enrutador introduce algunas páginas predeterminadas. Creemos algunos componentes de página simples:
/src/views/error/notFound.vue
/src/views/error/no permiso vue
.