[vue][Issue] daumPost redirect 이슈

현재 npm에서 설치할 수 있는 daumPost api이슈 해결이 안 되는 중.

 

우편번호 모듈을 팝업(modal)으로 띄워서 사용하려 했는데 검색 후 뒤로가기, $router.go(-1) 등을 수행하면 내 vue페이지의 url path가 아니라 스크립트를 호출하려 하는지 redirect되며 이전 작성 데이터가 날아간다.

 

이 상황이 단일 페이지면 상관이 없는데, 단계적으로 정보를 입력받아 데이터를 vuex에 저장 후 최종 단계에서 저장한 데이터들을 서버로 넘겨주는 방식이라 redirect가 되면 이전 vuex에 저장한 데이터까지 모두 초기화되는 문제가 발생.

 

console창을 열심히 뒤져봤을 때 router hook에서 원하는 페이지로 이동하는게 아니라 replace()를 시켜버리는 것 같음

코드를 보면 

var iterator = function (hook, next) {
  if (this$1.pending !== route) {
	return abort()
  }
  try {
 	hook(route, current, function (to) {
      if (thi === false || isError(to)) {
      	this$1.ensureURL(true);
        abort(to);
      } else if(
      	typeof to === 'string' ||
        (typeof to === 'object' && (
          typeof to.path === 'string' ||
          typeof to.name === 'string'
        ))
      ) {
      	// next('/') or next({ path: '/' }) -> redirect
      	abort();
        if (typeof to === 'object' && to.replace) {
          this$1.replace(to);
        } else {
          this$1.push(to);
        }
      } else {
      	// confirm transition and pass on the value
        next(to);
      }
      
    ...

이 부분에서 걸리는 것 같은데 어떻게 해결해야 할 지 모르겠다. 외부 스크립트 url을 막을수도 없고 처음엔 네비게이션 가드로 필터링 해볼까 했는데 애초에 패스 자체가 읽히지를 않아서... 이걸로 몇 주를 헤멘건지 모르겠다 ㅠ