Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/powerbi/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 放置404(未找到)_Javascript_Reactjs_React Redux_Axios - Fatal编程技术网

Javascript 放置404(未找到)

Javascript 放置404(未找到),javascript,reactjs,react-redux,axios,Javascript,Reactjs,React Redux,Axios,我正在尝试从表单编辑数据库(存储在本地主机上的json服务器上)的内容。 我对React和Axios非常陌生,所以如果我在这里大做文章,你可以随意侮辱我,但我仍然希望你能帮助我摆脱我所犯的错误 代码如下所示: [ { "id": 0, "title": "PRESENTATION", "subtitle": "An Awesome Web delevoper on planet&

我正在尝试从表单编辑数据库(存储在本地主机上的json服务器上)的内容。 我对React和Axios非常陌生,所以如果我在这里大做文章,你可以随意侮辱我,但我仍然希望你能帮助我摆脱我所犯的错误

代码如下所示:

[
  {
    "id": 0,
    "title": "PRESENTATION",
    "subtitle": "An Awesome Web delevoper on planet",
    "description": "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent volutpat enim arcu, eget tempor nibh congue a. Maecenas faucibus sagittis nibh, in bibendum ex. Donec eu ornare augue, nec cursus arcu. Vivamus accumsan mauris nec nulla bibendum, et eleifend nisl tristique. Pellentesque fringilla lorem id nibh auctor sagittis. Suspendisse non nisl at velit malesuada bibendum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent volutpat enim arcu, eget tempor nibh congue a. Maecenas faucibus sagittis nibh, in bibendum ex. Donec eu ornare augue, nec cursus arcu. Vivamus accumsan mauris nec nulla bibendum, et eleifend nisl tristique. Pellentesque fringilla lorem id nibh auctor sagittis. Suspendisse non nisl at velit malesuada bibendum.",
    "image": "../../public/assets/images/dp.jpg"
  }
]
表格:

带axios的putPresentation功能:

    const putPresentation = async (tit, subtit, descr) => {
        const response = await axios
            .put('http://localhost:3005/presentation',
            {
                title: tit,
                subtitle: subtit,
                description: descr
            },
            {
                headers: {
                    'Content-Type': 'application/json',
                  }
            })
            .then(response => {
                console.log(response.data);
            })
            .catch((err) => {
                console.log('Err', err);
            });
    }
这是我的json文件:

[
  {
    "title": "PRESENTATION",
    "subtitle": "An Awesome Web delevoper on planet",
    "description": "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent volutpat enim arcu, eget tempor nibh congue a. Maecenas faucibus sagittis nibh, in bibendum ex. Donec eu ornare augue, nec cursus arcu. Vivamus accumsan mauris nec nulla bibendum, et eleifend nisl tristique. Pellentesque fringilla lorem id nibh auctor sagittis. Suspendisse non nisl at velit malesuada bibendum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent volutpat enim arcu, eget tempor nibh congue a. Maecenas faucibus sagittis nibh, in bibendum ex. Donec eu ornare augue, nec cursus arcu. Vivamus accumsan mauris nec nulla bibendum, et eleifend nisl tristique. Pellentesque fringilla lorem id nibh auctor sagittis. Suspendisse non nisl at velit malesuada bibendum.",
    "image": "../../public/assets/images/dp.jpg"
  }
]
我在控制台上遇到的错误如下:

PUT http://localhost:3005/presentation 404 (Not Found)
Err Error: Request failed with status code 404
    at createError (createError.js:16)
    at settle (settle.js:17)
    at XMLHttpRequest.handleLoad (xhr.js:62)
有没有人知道我该怎么做才能得到我需要的结果?
提前谢谢。

我已经解决了这个问题,只需在数据库的“演示文稿”部分添加一个“id”字段,现在:

我的json文件如下所示:

[
  {
    "id": 0,
    "title": "PRESENTATION",
    "subtitle": "An Awesome Web delevoper on planet",
    "description": "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent volutpat enim arcu, eget tempor nibh congue a. Maecenas faucibus sagittis nibh, in bibendum ex. Donec eu ornare augue, nec cursus arcu. Vivamus accumsan mauris nec nulla bibendum, et eleifend nisl tristique. Pellentesque fringilla lorem id nibh auctor sagittis. Suspendisse non nisl at velit malesuada bibendum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent volutpat enim arcu, eget tempor nibh congue a. Maecenas faucibus sagittis nibh, in bibendum ex. Donec eu ornare augue, nec cursus arcu. Vivamus accumsan mauris nec nulla bibendum, et eleifend nisl tristique. Pellentesque fringilla lorem id nibh auctor sagittis. Suspendisse non nisl at velit malesuada bibendum.",
    "image": "../../public/assets/images/dp.jpg"
  }
]

该URL上似乎没有“PUT”路由。您可以共享一些api代码吗?您是否尝试过使用postman或其他工具测试api端点?
[
  {
    "id": 0,
    "title": "PRESENTATION",
    "subtitle": "An Awesome Web delevoper on planet",
    "description": "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent volutpat enim arcu, eget tempor nibh congue a. Maecenas faucibus sagittis nibh, in bibendum ex. Donec eu ornare augue, nec cursus arcu. Vivamus accumsan mauris nec nulla bibendum, et eleifend nisl tristique. Pellentesque fringilla lorem id nibh auctor sagittis. Suspendisse non nisl at velit malesuada bibendum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent volutpat enim arcu, eget tempor nibh congue a. Maecenas faucibus sagittis nibh, in bibendum ex. Donec eu ornare augue, nec cursus arcu. Vivamus accumsan mauris nec nulla bibendum, et eleifend nisl tristique. Pellentesque fringilla lorem id nibh auctor sagittis. Suspendisse non nisl at velit malesuada bibendum.",
    "image": "../../public/assets/images/dp.jpg"
  }
]