reactjs - Why is it showing DELETE /api/product/productId 404

Question

const handleDelete = (productsId, productsProductName)=>{
        setSuccessMessage('')
        setErrorMessage('')
        axios.delete('/api/products/'+productsId)
        .then(response =>{
            if(response.data != null){
                setSuccessMessage(`${productsProductName} deleted successfully`)
                this.setState({
                    productsData : this.state.productsData.filter(products => products.id !== productsId)
                })
            }
        })

<Button target="_blank" onClick={handleDelete.bind(this, p._id)}> Delete

question from:https://stackoverflow.com/questions/65858622/why-is-it-showing-delete-api-product-productid-404

Answer 1

It could be a proxy issue. Try to update setupProxy.js as your need.

const proxy = require('http-proxy-middleware')

module.exports = function(app) {
  app.use(proxy ('/auth/google', { target: 'http://localhost:5000' }))
  app.use(proxy ('/api/**', { target: 'http://localhost:5000' }))
}

Here is the similar problem reported here