如何正确设置本地主机以进行反应 + API 开发

Question

我正在使用react-redux开发应用程序。我正在使用快速开发，它总是在本地主机：3000 构建我的客户端

我用 php 编写了我的 api，它在本地主机：80 上。

所以它是跨源的，但在生产上不是。所以我想在同一个域+端口上开发它。但是我不知道如何设置它。

我正在使用 MAMP - Apache 用于 php，使用 yarn (create-react-app( 用于 react。

因此，它不能在同一端口上运行。

有人知道如何解决这个问题吗？

当我使用"yarn start"时，我可以编辑我的反应代码并在保存时编译，我可以在几秒钟内在本地主机：3000 上看到编辑后的代码

是否可以在这种"开发人员"模式下将其"部署"到某个文件夹中，在那里我可以使用实际的 MAMP( apache(设置服务器？

提前致谢

Answer 1

如果对于应用程序的客户端，您可以使用create-react-app，则可以在package.json文件中添加代理配置。

"proxy": {
    "/apiRoute": {
      "target": "http://localhost:80"
    },
  },

因此，您的所有请求都将从客户端重定向到端口 80(PHP(。

/apiRoute 是您在 PHP 中定义的路由(GET, POST, PUT..)的名称。所以我建议在 PHP 中为所有路由(如/api/**(创建一个模式，因此在 package.json 中

，您可以像下面这样添加所有路由，而不是添加所有路由

"proxy": {
  "/api/*": {
     "target": "http://localhost:80"
   },
 },