时间戳

首页 > 解决方案 > 使用vue和axios post到json文件问题

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

问题描述

我在将轴发布到本地 .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);
      });

感谢帮助

标签： jsonvue.jslocalhosthttp-status-code-404axios

解决方案

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

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

推荐阅读