20240712_etc

https://vuetifyjs.com/

Vuetify — A Vue Component Framework

 

---

 

* 환경변수 확인을 위하여 소스 추가 > App.vue

export default {
  created() {
    console.log(process.env);
  }
}

 

* 콘솔 로그 확인

 

* 모드 추가 > package.json

"scripts": {
  "test": "vue-cli-service serve --mode test"
}

 

* 새로운 환경변수 파일 추가 > {project root}/.env.{mode name} (ex. .env.test)

NODE_ENV = "test"
BASE_URL = "/"
VUE_APP_NAME = "test"
VUE_APP_PORT = 8080

 

* 생성/추가한 모드로 실행

 

* 포트 변경 > vue.config,js

module.exports = {
  devServer: {
    port: process.env.VUE_APP_PORT
  }
}

 

* .env 파일들은 프로젝트 루트 경로에 위치해야 한다

 

* 새로운 환경변수명은 VUE_APP_ 으로 시작해야 인식 및 사용 가능해진다.

 

* 참고:

https://velog.io/@skyepodium/vue-%EC%8B%A4%ED%96%89-%EB%AA%A8%EB%93%9C%EC%99%80-%ED%99%98%EA%B2%BD-%EB%B3%80%EC%88%98-%EC%84%A4%EC%A0%95

vue 실행 모드와 환경 변수 설정

 

---

 

router.beforeEach((to, from) => {

  console.log(from.name + " > " + to.name);

});

router.afterEach((to, from) => {

  console.log(to.name + " < " + from.name);

});

 

---

 

ㅁㅁ

 

---

 

ㅁㅁ