Question

所以我有一个React Native应用程序，通过fetch（）本机API调用我自己的外部api。我遇到一个奇怪的问题，我的请求没有在一个上下文中正确处理fetch（）。

调用假设以POST到/api/token_login。

以下是我在应用中进行调用的方式：

#/src/services/post.js

import headers from './headers';

const APIURL = '******/api';

export default async (path, data, callback) => {
  try {
    const postData = {
      method: 'POST',
      credentials: 'include',
      headers: new Headers(headers),
      body: JSON.stringify(data)
    };
    const requestURL = `${APIURL}/${path}`;
    const request = new Request(requestURL, postData);
    const response = await fetch(request);
    const res = await response.text();
    if (response.ok) {
      callback(null, res);
    } else {
      const error = res;
      callback(error, null);
    }
  } catch (error) {
    console.log('caught error: ', error);
  }
};


#/src/services/auth.js
import post from './post';

export function TokenLogin(data, callback) {
  post('token_login', data, callback);
}
...other functions

#/src/containers/Login.js
const data = {
  user: {
    auth_token: token,
  },
};
return TokenLogin(data, (err, response) => {
  const res = JSON.parse(response);
... do stuff
};

在某些条件下，在componentDidMount上调用此函数，这是预期的行为。但是，它每天都会突然停止将请求发送到传入的路径，并将GET发送到/ api / login。更改传递给函数的路径会将行为更改回预期的行为（即传入flurgl将POST请求发送到.../api/flurgl并且正确传入正文。这是一些调试信息：

// the logs:
=> Request method: POST url: https://*****/api/token_auth

=> Response object:  
=> Response {type: "default", status: 404, ok: false, statusText: undefined, headers: Headers, …}
bodyUsed: true
headers: Headers {map: {…}}
ok: false
status: 404
statusText: undefined
type: "default"
url: "https://*******/api/login"

获取没有使用正确的参数执行 - React Native

0 个答案: