sggnology
하늘속에서IT
sggnology
전체 방문자
오늘
어제
  • 분류 전체보기 (83)
    • Algorithm (31)
      • Programmers (27)
      • Baekjoon (4)
    • WIKI (4)
      • VirtualBox (1)
      • Power Toys (1)
    • NodeJS (4)
      • nvm (1)
      • React (1)
      • Vue (1)
    • Dev Language (3)
      • Java (2)
      • Kotlin (1)
    • Spring Boot (17)
      • Gradle (1)
      • JPA (3)
    • DB (4)
      • MariaDB (3)
      • Redis (0)
    • Android (6)
      • Debug (3)
    • Nginx (3)
      • Debug (1)
    • Intellij (0)
    • Network (1)
    • Git (2)
      • GitHub (2)
    • Chrome Extension (0)
    • ETC (5)
      • Monitoring (2)
    • Linux (1)
      • WSL (1)
    • Visual Studio (1)
    • Side Project (0)

블로그 메뉴

  • 홈
  • 태그
  • 방명록

공지사항

인기 글

태그

  • kotlin
  • 백준
  • spring boot
  • 프로그래머스
  • mariadb
  • java
  • 안드로이드 스튜디오
  • 오블완
  • 레벨3
  • 레벨2
  • docker
  • 알고리즘
  • DB
  • 연습문제
  • 고득점KIT
  • 고득점 Kit
  • Android Studio
  • nginx
  • JPA
  • 티스토리챌린지

최근 댓글

최근 글

티스토리

hELLO · Designed By 정상우.
sggnology

하늘속에서IT

Vue 환경 변수 설정(사용방법 단순)
NodeJS/Vue

Vue 환경 변수 설정(사용방법 단순)

2021. 4. 15. 19:29
728x90

개발 환경을 다르게 설정하자!!

 

- vue에는 serve와 build 부분으로 나뉜다.

 

- serve는 테스트 하고 싶은 서버에서의 동작, build는 실제로 운영하는 서버에서의 동작 정도로 생각하면 된다.

 

- 저장하는 영역은 package.json 과 동일한 위치인, root에 위치한다.

- 저장명은 serve 부분은 .env.developent, build 부분은 .env.production 으로 한다.

 

- 해당 부분의 변수명 즉, 환경변수명을 정할때 중요한데 VUE_APP_*... `vue_app` 을 대문자로 해주어야 인식한다.

// 정확한 부분은 모르겠지만, 문자열을 표시하기 위한 '," 는 필요 없는듯 하다.
VUE_APP_URL = TEST_FOR_TISTORY

 

- 환경변수들은 process.env. 객체에 정의되어 있어, 다음고 같이 호출해야 한다.

process.env.VUE_APP_URL + '/tistory?ok='...

 

정확하지 않을수 있습니다...

그러면 댓글로 혼내주세요!!

728x90
    sggnology
    sggnology
    하늘은 파란색이니까 내 삶도 파란색이길 ㅎㅎ

    티스토리툴바