Sangil's blog

https://github.com/ChoiSangIl Admin

axios cache 설정 DEV / WEB

2020-11-23 posted by sang12


익스플로러에서 get 함수를 호출 할 시, 동일한 url이면 익스플로러 자체에서 캐쉬처리되어서 실제 서버를 호출 안하게 되는 현상이 발생한다. 해당 문제를 해결하는 방버븡로는 header에 nocache 설정을 하면된다.

axios <-- 생성한 axios 오브젝트

axios.defaults.headers = {
  'Cache-Control': 'no-cache',
  'Pragma': 'no-cache',
  'Expires': '0',
};

REPLY

Vuetify select box 세로정렬 하기 DEV / WEB

2020-11-09 posted by sang12


https://vuetifyjs.com/en/components/selects/ 공식페이지 를 참고하여 select box를 구현하고 있는데.. 왠걸 select box를 만들면 아래 v-text-field details 이라는 공간이 잡혀서 셀렉트 박스가 살짝 위로 올라간다... 아놔 

해결 방법으로는  아래처럼 hide-details를 넣어 주면 깔끔히 사라진다. 가져다 쓰는 버릇만 하다보니.. 이런 현상이 나오면 잡는데 시간이 너무 걸린다 :(

       <v-select
          v-model="clientType"
          :items="clientTypeGroup"
          item-text="text"
          item-value="value"
          hide-details
       ></v-select>


#v-text-field details remove

11
2020-11-11 18:03:00

삭제된 댓글입니다.

답글
REPLY

Webpack 환경에서 Vue Proxy 설정 DEV / WEB

2020-10-30 posted by sang12


기존 프로젝트에서의 proxy 설정 방법은 아래와 같은데.. 아무리 설정을 해도 proxy가 먹지 않는다...

-vue.config.js (파일이없으면 package.json 이 위치한 경로에 생성)

module.exports = {
  devServer: {
    proxy: {
      "/api": {
        target: "http://localhost:9600"
      }
    }
  }
};

그러하다 Webpack으로 만든 프로젝트일경우, 설정하는 위치가 다르다..

webpack.dev.conf.js 파일을 잘 찾아보면 proxy가 있는걸 볼 수 있다. 해당 부분에 아래와 같이 추가해주면 정상적으로 설정됨을 확인 할 수 있다

    proxy: {
        "/api": {
          target: "http://localhost:9600"
        }
    },
REPLY