0

所以我有一个 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 上被调用，这是预期的行为。但是，每天左右它突然停止向传入路径发送请求，而是向 /api/login 发送一个 GET 请求。更改传递给函数的路径会将行为更改回预期的行为（即，传入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"
4

0 回答 0