반응형
Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | 7 |
8 | 9 | 10 | 11 | 12 | 13 | 14 |
15 | 16 | 17 | 18 | 19 | 20 | 21 |
22 | 23 | 24 | 25 | 26 | 27 | 28 |
29 | 30 |
Tags
- csr
- CSS
- aws
- ts error
- TLS
- SSR
- svelte
- 선택자
- 비동기
- https
- http3
- vue-cli
- Cypress
- CloudFlare
- JavaScript
- vue3
- devtools
- QUIC
- import.meta.env
- rendering
- vue
- e2e
- api test
- ViTE
- caching
- Testing
- custom command
- web vital
- msw
- typeScript
Archives
- Today
- Total
목록process.env (1)
Develop Note by J.S.
[Vite] process.env vs import.meta.env & Migration
import.meta.env 객체의 값은 Vite 개발 서버가 런타임 환경에서 동적으로 생성합니다. import.meta.env로 생성된 객체는 빌드 시점에 포함되지 않으며, 브라우저에서 접근 가능한 코드에서만 사용할 수 있습니다. build 시점에는 환경변수의 할당된 값이 번들링에 포함됩니다. import.meta.env는 브라우저 환경에서 개발 중에 환경 변수 값을 확인하고 활용하기 위한 목적을 위한 기능이기 때문에 보안적인 측면은 고려되지 않았습니다. 또한 VITE_ 접두사로 정의한 환경 변수만 노출 되기 때문에 그 외 다른 환경변수는 노출되지 않습니다. process.env는 Node.js 환경에서 사용되는 환경 변수 객체입니다. Node.js 환경은 서버 사이드에서 실행되며, 런타임 환경에서는 ..
FrontEnd/Vite&Vue-cli
2023. 7. 12. 11:02