node.js - React开发模式下的Proxy不会重定向

Question

我正在使用create-react-app构建一个应用程序。我在端口 80 上运行本地 Apache 服务器来执行我的后端 API PHP 脚本。

我已经添加了"proxy": "http://localhost:80" 到我的 package.json，但在此 axios 请求上:

 getAllCategories = () => {
      const url = process.env.PUBLIC_URL+`/api/api/categories/categories.php`; 
      axios.get(url)
        .then(res => {
        const categories = res.data.data;
        this.setState({ categories });
      }).catch(err => {
        console.log('Axios fetch error:',err);
      })
    }

我的请求发送至

Request URL: http://localhost:3000/api/api/categories/categories.php

根据 Chrome Devtools，我没有获得所需的数据。

在远程服务器上的构建模式下，所有指示的路径都可以正常工作。

如何在开发模式下配置代理来访问我的 API 文件？

Answer 1

这样的路你累吗？

axios.get(`/api/api/categories/categories.php`)
...