PHP backend file not found error with response front end

Question

Я использую интерфейс React с сервером PHP для связи с базой данных. У меня есть страница входа. js, на которой я отправляю значения state в файл PHP для связи и обработки этих входов. Когда я запускаю приложение, я получаю ошибку 404 not found для файла PHP.

Вот мой логин. 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";