Vite+vue3+pinia+naiveui 를 사용하여 처음부터 간단한 백그라운드 관리 시스템을 구축하십시오.

그런 다음 플러그인에 구성을 추가합니다.

여기서 naiveui 는 요청 시 자동 가져오기를 사용합니다. 자세한 내용은 공식 문서: 나무 흔들기) -Naive UI 를 참조하십시오.

작성자는 무시할 필요가 없는 패키지화된 구성을 추가했습니다. 구성은 어떻게 생겼을까요?

Src 디렉토리에 새 플러그인 폴더를 만든 다음 새 pinia.js 를 만듭니다.

Src 디렉토리로 이동하여 새 저장 디렉토리를 만든 다음 새 user.js 를 생성합니다.

Pinia 와 vuex 의 사용법은 다릅니다. 자세한 내용은 공식 문서 Home | Pinia 를 참조하십시오.

플러그인 아래에 새 axios.js 파일을 만듭니다.

여기서는 환경 변수 구성, 새로운 것을 사용합니다. Env.production 파일은 src 와 동일한 디렉토리에 생성됩니다.

프로젝트가 패키지화되면 프로덕션 환경 변수의 VITE_API_BASEURL 이 자동으로 사용됩니다.

플러그인 아래에 새 router.js 를 작성합니다.

라우터에서는 몇 가지 기본 페이지에 대해 설명합니다. 몇 가지 간단한 페이지 구성 요소를 만들어 보겠습니다.

/src/views/error/notFound.vue

/src/views/error/nopermission.vue