vue3 프로젝트에 대한 env.development 및 env.Production 설정

Question

안내에 따라 Vue3용 vite 프로젝트를 만들었습니다. 내가 사용하는 방법은 env.development 또는 env.Production 파일을 생성하지 않으므로 문서를 읽을 내용이 거의 없습니다. 거기에 뭔가 필요한 것 같은데, 그런데 뭐요?

컴파일되지만 라우터에서는 실패합니다:

으아아아

기본 URL은 어떻게 설정하나요?

Answer 1

수동으로 .env 文件（包括 .env.development）添加到您的项目目录中。但是，您不需要它们来设置 BASE_URL，因为 BASE_URL 是从 base 配置自动设置的在 vite.config.js에 추가해야 합니다:

으아악

소스에서 환경 변수를 참조하려면 import.meta.env 而不是 process.env:

을 사용하세요. 으아악

데모