使用vue和axios post到json文件问题答案

【问题标题】：Using Vue and axios post to json file problem使用vue和axios post到json文件问题
【发布时间】：2019-07-26 22:35:19
【问题描述】：

我在将轴发布到本地 .json 文件时遇到问题。它给了我一个错误：

POST http://localhost:8080/todolist.json 404 (Not Found)

TodoListEditor.vue?b9d6:110 Error: Request failed with status code 404
    at createError (createError.js?2d83:16)
    at settle (settle.js?467f:18)
    at XMLHttpRequest.handleLoad (xhr.js?b50d:77)

我尝试了许多地址方案，但一切都以相同的方式结束。当我将完全相同的地址传递给 axios.get() - 它返回正确的数据并读取文件。这是我的部分代码：

axios.post('http://localhost:8080/todolist.json',
        this.todolist,{
        headers: {
          'Accept': 'application/json',
          'Content-Type': 'application/json',
          "Access-Control-Allow-Origin": "*",
        }
      }).then((response)=>{
        console.log(response);
      }).catch((error)=>{
        console.log(error);
      });

感谢您的帮助

【问题讨论】：

为什么要 POST 到那个地址？很可能不支持 POST。返回的错误代码应该是“405 Method Not Allowed”，但这可能是一个失误。
这不是您应该编辑 JSON 的方式。

标签： json vue.js localhost http-status-code-404 axios

【解决方案1】：

HTTP 请求的类型 GET 和 POST 有自己的角色。 GET 是检索信息的请求，POST 是写入数据的请求，服务器对每种方法的行为不同。以上错误说明服务器无法处理POST请求的请求。

从上面的 URL 发送 get 请求似乎效果很好，因为这意味着引入 todolist.json 文件，而向特定文件发送 post 请求是不合适的。

【讨论】：