JSON解析错误:无法识别令牌'<'

时间:2020-04-15 09:57:54

标签: json reactjs react-native parsing

我正在学习本地反应。在这里,我正在制作一个登录注销API以使用clien。 当我尝试邮递员时,结果是正确的,但是当我使用API​​时, 我遇到的问题是:

JSON解析错误:无法识别的令牌'<'

POSTMAN TESTER AND RESPONSE JSON

这是我的代码

class AuthScene extends Component {
  constructor(props) {
    super(props);
    this.state = {
      username : '',
      password : ''
    }
  }

  login= ()=>{
    const {username,password} = this.state;
    // alert(username);
    fetch('https://example.com/auth', {
      method: 'POST',
      headers: {
        'Accept' : 'application/json',
        'Content-Type': 'application/json'
      },
        body: JSON.stringify({
        username: username,
        password: password
      })
      })
      .then((response) => response.json()).then((responseJson) => {
      alert(JSON.stringify(responseJson));
      console.log(JSON.stringify(responseJson, null, 4))
      }).catch((error) => {
      alert(JSON.stringify(error));
      console.log(error);
      // done();
    });
  }

 render() {
    return (
  <Form style={styles.mainForm}>
              <Item style={styles.formItems}>
                <Input placeholder="Username" style={styles.Input} onChangeText={username => this.setState({username})}/>
              </Item>
              <Item style={styles.formItems}>
              <Input style={styles.Input} secureTextEntry={true} onChangeText={(password) => this.setState({password})}/>
              </Item>

              <View style={styles.Button}>
                <Button block info style={styles.mainBtn} onPress={this.login}>
                  <Text style={styles.btnText}>Submit</Text>
                </Button>
              </View>
            </Form>
);
}

如何处理那些事情?

我的json是否存在问题或我的代码不正确?

1 个答案:

答案 0 :(得分:0)

请检查代码中的标题是否与邮递员匹配。