ReactJS 使用 POST 和 GET 进行跨域请求失败,代码为 405

IT技术 node.js reactjs rest cross-domain
2021-05-19 12:11:33

我正在尝试向 Skyscanner 发出 cro 请求并获取一些信息。我已经研究了他们的文档,这是我需要做的:

  1. 使用 POST 请求进行会话,
  2. 然后得到一个响应头,
  3. 然后使用该网址发出 GET 请求,
  4. 获取航班数据。

所以基本上有 2 个 API 调用。

这是我的代码:

export function getFlights() {

    const request = axios.post(
        'http://partners.api.skyscanner.net/apiservices/pricing/v1.0/',  
        JSON.stringify({
            "cabinclass": "Economy",
            "country": "UK",
            "currency": "GBP",
            .
            .
            .
            .
            "apikey": "apikey"
        }), 
        {   
            headers: { 'Content-Type': 'application/x-www-form-urlencoded' }
        })
        .then(function (response) {
            console.log(response.headers);
            axios.get(response.headers.location + '?apiKey=apikey&stops=0&duration=360&includeCarriers=ba;u2;af').then(function(response) {
                console.log(response)
            })
        })
        .catch(function (error) {
            console.log(error);
        });
    return {
        type: GET_FLIGHT, 
        payload: request
    };
}

所以我删除了一些查询参数并隐藏了api键。

我已经下载allow-control-allow-origin了 chrome 的扩展程序,并且我还更改了主机文件:C:\Windows\System32\drivers\etc\hosts,所以现在我正在通过测试域访问我的应用程序:http://testdomain.com:3000/

但是当我尝试获得结果时,出现以下错误:

POST http://partners.api.skyscanner.net/apiservices/pricing/v1.0/ 405(不允许的方法)

当我去NETWORK TAB并选择时XHR,我看到v1.0/ partners.api.skyscanner.net/apiservices/pricing哪个是红色的,在headers我可以看到的下面:

通用响应标头请求标头表单数据,其中有(似乎)带有我的参数的航班?

我不确定我做错了什么,但从文档和其他一切似乎我应该得到代码 200,这是为了成功,但我一直得到 405。有人可以向我解释我做错了什么吗?

1个回答

加载querystring后试试这个

var querystring = require('querystring');

var data = {
    cabinclass: 'Economy',
    country: 'UK',
    currency: 'GBP',
    // ...
    apikey: 'apikey' // be sure your API key is correct
};

var authOptions = {
    method: 'POST',
    url: 'http://partners.api.skyscanner.net/apiservices/pricing/v1.0',
    data: querystring.stringify(data),
    headers: {
        'Content-Type': 'application/x-www-form-urlencoded'
    },
    json: true
};

axios(authOptions)
    .then(function(response){
        console.log(response.data);
        console.log(response.status);

        axios.get(response.headers.location + '?apiKey=apikey&stops=0&duration=360&includeCarriers=ba;u2;af').then(function(response) {
            console.log(response);
        });
    })
    .catch(function(error){
      console.log(error);
    });

根据doc,尝试使用http://partners.api.skyscanner.net/apiservices/pricing/v1.0而不是http://partners.api.skyscanner.net/apiservices/pricing/v1.0/(没有/)。