javascript - react-native 中的 WebView 出现错误 "Encountering an error loading page"

Question

有人遇到过这个问题吗？我正在使用 WebView 通过 Facebook 登录我的网页。如果用户登录成功，它将把用户重定向到另一个屏幕。

为此，我正在使用“react-native-router-flux”。但是，我遇到了“遇到错误加载页面”的问题。它确实将我重定向到“PresentationScreen”组件，但我仍然收到警告，抽屉是我的“PresentationScreen”不再存在。

据我所知，因为服务器正在尝试将我重定向回本地主机。但是在 onNavigationStateChange 中，我已经将它重定向到另一个组件。

这里是错误:

{canGoForward: false, code: -6, canGoBack: false, description: "net::ERR_CONNECTION_REFUSED", loading: false, target: 57, url: "http://localhost:8100/?operation=%2Flogin%2Ffacebook&success=true&message=Account+already+exists"}

这是我的登录页面组件:

import { Actions as NavigationActions } from 'react-native-router-flux';

class LoginScreen extends React.Component {

  constructor (props: LoginScreenProps) {
    super(props);
  }

  handleNavigationStateChange = (event) => {
    if (event.url.includes('operation=%2Flogin%2Ffacebook&success=true')) {
      NavigationActions.presentationScreen();
    }
  };

  render () {
    return (
      <WebView source={{uri: 'https://api.taskuparkki.fi/api/login/facebook'}}
               onNavigationStateChange = {this.handleNavigationStateChange}
      />
    )
  }
}

如果有人找到解决方案，我将不胜感激。

Answer 1

通过 IP 服务器地址更改“localhost”，我认为在您的情况下这将是您的 IP。您应该在 Facebook 开发者控制台上进行更改。

让我知道它是否有效。