create-react-app,proxy和post request

时间:2018-03-15 11:14:06

标签: reactjs axios create-react-app

我有一个当前正在制作的应用程序,它位于localhost:3000,它使用来自不同网站的api。 “proxy”在我的package.json中正确定义。我可以从这个服务器获取一个json文件。但是我无法发布它。以下是我的代码:

axios.post('/dir1/dir2/test.json', data)
  .then(response => {
        console.log("response")
        console.log(response)
    })
    .catch(error => {
        console.log("error");
        console.log(error);
    });

这是test.json

header('Access-Control-Allow-Origin: *');
header('Access-Control-Allow-Methods: GET, POST, OPTIONS');
header('Access-Control-Max-Age: 1000');
header('Access-Control-Allow-Headers: Content-Type, Authorization, X-Requested-With');
header('Content-Type: application/json');
echo $jsonContents;

我查看了chrome的调试器以查看发生了什么,它向我要发布的json发出了4个请求。

  1. 获取http://localhost:3000/dir1/dir2/test.json
  2. 的请求
  3. http://localhost:3000/dir1/dir2/test.json发送请求
  4. OPTIONS请求http://myserver.tld/dir1/dir2/test.json
  5. 获取http://myserver.tld/dir1/dir2/test.json
  6. 的请求

    所以我的问题是: 为什么首先要有GET请求? 为什么最终发出GET而不是POST请求的压力?

    PS:如果我直接询问http://myserver.tld/dir1/dir2/test.json

    ,它的效果非常好

0 个答案:

没有答案