javascript - 使用 Create React App 在开发中代理

Question

我正在构建一个 React 应用程序，我从 create-react-app 开始。在他们的文档中，他们描述了在开发期间使用代理服务器进行 API 调用。当我向我的 MAMP 服务器发出 php 文件请求时，我想使用它。然而，请求并没有被代理到指定的，它仍然是服务于它的 webpack 开发服务器。

create react app 文档说在 package.json 文件中放一行来设置代理。我在里面放了 "proxy": "http://localhost "(MAMP 服务器在端口 80 上运行)。我尝试提供的 php 文件位于与 index.html 相同目录中的“api”文件夹中

请求如下:

$.ajax({
     url: "/api/test.php"
     success: response=>{
     console.log(response);
     }
});

test.php 简单地说:打印(“成功”)

但是控制台正在读取:

<?php
print("success")
?>

这意味着它是开发服务器，而不是为文件提供服务的 apache 服务器。我该如何解决这个问题？

Answer 1

来自文档:

The development server will only attempt to send requests without text/html in its Accept header to the proxy.

https://facebook.github.io/create-react-app/docs/proxying-api-requests-in-development

您能否检查开发工具中的“网络”选项卡并确保请求的 Accept header 与 text/html 不同。如果这是问题 link可以帮助你。