javascript - 反应前端未找到PHP后端文件错误

Question

我正在使用带有 PHP 后端的 React 前端与数据库进行通信。我有一个 login.js 页面，我在其中将state值发送到 PHP 文件以通信和处理这些登录。当我运行应用程序时，它给了我一个404 not foundPHP 文件的错误。

这是我的 Login.js

const API = "../../api/dbConnect.php";

<form>
.....
<button type="submit" name="submit" onClick={this.handleSignin}>Sign In</button>
</form>

而handleSignin功能，

handleSignin = (event) => {
        event.preventDefault();

        axios({
            method:'POST',
            url:`${API}`,
            data:this.state,
            headers: { 'content-type': 'application/json' },
        })
        .then(result => {
            console.log(result)
        })
        .catch(error => console.log(error))
    }

根据API我的文件夹结构，位置是正确的，

root>
    api/dbConnect.php
    public/
    src/components/Login.js

错误如下， GET http://localhost:3000/base/api/dbConnect.php 404 (Not Found)

我在App.jsas中使用 basename 作为基础<Router basename="/base">。

Answer 1

我发现了错误。我们必须指定后端文件的绝对路径，并且文件应该从 http 服务器提供。在我的情况下，它会像

const API = "http://localhost/react/api/dbConnect.php";