로컬 개발 환경에서 'npm run dev' 명령어로 개발 서버를 실행 할때, '연결이 비공개로 설정되어 있지 않습니다.' 문구가 표시되는 이유는 대부분 HTTPS(SSL/TLS) 인증서와 관련이 있다 .
개발 서버가 HTTP 프로토콜을 사용하고 있는 경우 브라우저에게 '연결이 비공개로 설정되어 있지 않습니다' 경고를 표시한다. 한마디로 HTTPS(SSL/TLS) 사용하지 않기 때문이다. ** 해결 방법 로컬 개발 환경에서 간단히 http를 사용하여 해결할 수 있다. // webpack.config.js module.exports = { // 다른 설정들 devServer: { https: true, }, }; 브라우저의 고급 설정에서 자체 서명된 인증서를 신뢰해 준다.
위에 이미지와 같이 'localhost.~~(안전하지 않음)(으)로 이동'을 클릭하면 무시하고 로컬 개발 진행 가능 하다.
로컬은 상관없지만 배포된 환경에서는 반드시 HTTPS를 사용하여 보안을 강활해서 해결해야 한...
#
data
#
로컬
#
발급기관
#
보안
#
보안_소켓_계층
#
브라우저에서_설정
#
서명
#
서버설치
#
안전하지_않음
#
유효기간
#
인증서
#
인증서없음
#
전송_계층_보안
#
접근오류
#
도메인_이름
#
도메인
#
HTTP
#
HTTPS
#
issuer
#
javaScript
#
publicKey
#
script
#
signature
#
SSL
#
TLS
#
validityPeriod
#
검증
#
경고
#
공개_키
#
확장검증
원문 링크 : 로컬 개발 환경에서 브라우저에 접근 오류
