Http 发出post请求时出现Vuejs axios错误

我是vuejs新手，我正在学习本教程 (). 当我尝试发出post请求时，我收到了此错误（已被CORS策略阻止：对飞行前请求的响应未通过访问控制检查：请求的资源上不存在“访问控制允许来源”标头。） 我可以控制台.log（res.data），但我不能将它放在todos[]数组中

addtodo(newTodo){
      const {title,completed} = newTodo;
      axios.post('https://jsonplaceholder.typicode.com/todos',{
        title,
        completed
      })
      .then(res => {
        this.todos = this.todos.push[res.data];
        //console.log(res.data);
      })
      .catch(err => console.log(err));  
    }

您使用的

.push（）

错误，它是括号而不是括号

newvue({
el:“应用程序”，
数据：{
待办事项：[{
“用户ID”：1，
“id”：1，
“标题”：“授权或授权”，
“已完成”：false
},
{
“用户ID”：1，
“id”：2，
“标题”为“我的脸和办公室”，
“已完成”：false
}]
},
方法：{
addtodo（新托多）{
const{title，completed}=newTodo；
轴心柱https://jsonplaceholder.typicode.com/todos',{
标题
完整的
})
。然后（res=>{
this.todos.push（res.data）；
console.log（res.data）；
})
.catch（err=>console.log（err））；
}
}
})

单击以添加待办事项

{{{todo.title}

您使用的是

.push（）

错误，它是括号而不是括号

newvue({
el:“应用程序”，
数据：{
待办事项：[{
“用户ID”：1，
“id”：1，
“标题”：“授权或授权”，
“已完成”：false
},
{
“用户ID”：1，
“id”：2，
“标题”为“我的脸和办公室”，
“已完成”：false
}]
},
方法：{
addtodo（新托多）{
const{title，completed}=newTodo；
轴心柱https://jsonplaceholder.typicode.com/todos',{
标题
完整的
})
。然后（res=>{
this.todos.push（res.data）；
console.log（res.data）；
})
.catch（err=>console.log（err））；
}
}
})

单击以添加待办事项

{{{todo.title}

不需要this.todos=this.todos.push（）只需使用

this.todos.push(res.data)

---

不需要this.todos=this.todos.push（）只需使用

this.todos.push(res.data)

---

我尝试了

this.todos=this.todos.push（res.data）

，但没有成功，请解释为什么编辑了我的答案，只需使用

this.todos.push（res.data）

。您不必将其分配给新变量。它将修改原始文件并返回其长度。

this.todos=this.todos.push（res.data）

如果这样做，它将返回

this.todos

的新长度。你会得到一个号码。我尝试了

this.todos=this.todos.push（res.data）

而不是数组，但它不起作用，请解释为什么编辑了我的答案，只需使用

this.todos.push（res.data）

。您不必将其分配给新变量。它将修改原始文件并返回其长度。

this.todos=this.todos.push（res.data）

如果这样做，它将返回

this.todos

的新长度。你会得到一个号码。而不是数组