Utilice vite vue3 pinia naiveui para crear un sistema de administración backend simple desde cero
y luego agregue la configuración en el complemento
Aquí naiveui usa la función de introducción automática bajo demanda. Puede consultar. a la documentación oficial: Introducción bajo demanda (Tree Shaking): interfaz de usuario ingenua
El autor agregó algunas configuraciones de empaquetado. Puedes ignorarlo si no lo necesitas. La configuración es la siguiente:
Cree una nueva carpeta de complementos en el directorio src y luego cree un nuevo pinia.js:
Cree un nuevo directorio de tienda en el directorio src y luego cree un nuevo user.js:
El uso de pinia y vuex es diferente, consulte la documentación oficial: Inicio | Pinia
Cree un nuevo archivo axios.js en complemento:
Aquí usamos la configuración de variables de entorno para crear un nuevo archivo .env.production en el directorio src:
Cuando el proyecto está empaquetado, VITE_API_BASEURL en el entorno de producción La variable se utilizará automáticamente.
Cree un nuevo router.js bajo el complemento:
Algunas páginas predeterminadas se introducen en el enrutador, creemos algunos componentes de página simples:
/ src/views/error/notFound.vue
/src/views/error/ noPermission.vue