Почему Axios запрос в React всегда выдаёт 404 на localhost?

Question

[Владимир Шмырёв]

У меня есть React код с использованием axios для загрузки картинки на сайт

function App() {

 
  const [selectedImage, setSelectedImage] = useState(null);

    const handleImageUpload = (event) => {
        const file = event.target.files[0];
        setSelectedImage(file)
        console.log(file);
    }

    const handleApi= async (event) =>{
            const formData = new FormData();
            formData.append('selectedImage', selectedImage);
            axios.post('/api', formData)   
    }
    return(
            <div classNameName="App">
                <input type="file" onChange={handleImageUpload} className="form-control" id="uploadFile" style={{marginRight:"15px"}} accept="image/gif,image/jpeg,image/png,.heic" ></input>
            <button onClick={handleApi}>Отправить</button>
            </div<
   )
}

При нажатии на кнопку отправить появляется ошибка POST запроса 404. В package.json я также написал "proxy": "localhost:3000", ничем не помогло. Я всячески менял url в axios запросе и все равно появлялась ошибка. В чём может быть причина? url также менял на "localhost:3000/api", все равно не работает.

Comments

[Алексей Ярков]

А код бэкенда нам придумать?

[Aetae]

А само localhost:3000/api то работает, если просто руками открыть?