프로덕션에서 상태 구조 숨기기

Question

나는 react-redux에서 Provider를 사용하고 있습니다. 생산시, $r.store.getState()을 사용하여 반응 크롬 확장을 설치하면 상태 구조를 볼 수 있습니다. 프로덕션 환경에서이 동작을 숨기려면 어떻게합니까?

Answer 1

당신은 할 수 있습니다 글로벌 $r 변수 하지 쓰기, Object.defineProperty 기능 사용 :이 경우

Object.defineProperty(window, '$r', { 
    writable: false 
}); 

를 사용 $r 변수 때문에 아무도 액세스 할 수 저장 인스턴스에 값을 할당 할 수 없습니다 DevTools로 반응 Devtools에 반응하십시오.

편집 :

writable: false 속성을 설정 $r 속성을 쓸 수 없습니다 것을 개발자 도구에서 오류가 발생 반응한다. 이 경우

Object.defineProperty(window, '$r', { 
    value: {} 
}); 

이 $r 값이 {} 항상 동일합니다 및 콘솔 침묵 할 것이다 : 그 오류를 방지하려면 해당 변수에 그런 식으로 상수 값을 설정할 수 있습니다.