[React-Native/WebView] WebView에서 소셜로그인 띄우면 Encountered an error loading page {"canGoBack": false, "canGoForward": false, "code": -6, "description": "net::ERR_CONNECTION_REFUSED", "loading": false, "target": 93, "title": "Webpage not ..

소셜 로그인 시

Encountered an error loading page {"canGoBack": false, "canGoForward": false, "code": -6, "description": "net::ERR_CONNECTION_REFUSED", "loading": false, "target": 93, "title": "Webpage not available", "url": "http://localhost:8080/oauth2/authorization/kakao"}

라는 에러가 발생한다.

 

내 경우에는 네트워크 방화벽 문제였는데, 기본적으로 react-native의 경우 url로 접근할 수 없기 때문에 해당 경로로 이동할 수 없는 에러인 경우가 많다.

 

네트워크 방화벽 문제의 경우에는

spring 내 application.yml에

server:
  address: 0.0.0.0

와 같이 address를 추가한 후, react native에서도

source={{
  uri: 'http://X.X.X.X:8080/oauth2/authorization/kakao',
  method: 'GET',
}}

와 같이 ip를 수정한다.

 

여기서 사용되는 ip는 cmd에 ipconfig라고 치면

 

이러한 것들이 나오는데, 여기서 IPv4 주소를 입력하면 된다.

 

그러면 정상적으로 나온다 !