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

Question

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

这是我的登录名.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.js<Router basename="/base">中使用基本名称作为基础。

Answer 1

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

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