Question

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

我正在使用＆＃39; react-native-router-flux＆＃39;为了那个原因。但是，我遇到了问题＆＃34;遇到错误加载页面＆＃34;。它确实将我重定向到了＃34; PresentationScreen＆＃34;组件，但我仍然有警告＆amp;抽屉是我的＆＃34; PresentationScreen＆＃34;已不在了。

据我所知，因为服务器正试图将我重定向回localhost。但在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

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

让我知道它是否有效。

react-native中的WebView获取错误＆＃34;遇到错误加载页面＆＃34;

1 个答案: