Axios PUT 不更新数据
Posted
技术标签:
【中文标题】Axios PUT 不更新数据【英文标题】:Axios PUT doesn't update data 【发布时间】:2019-04-25 14:01:46 【问题描述】:我有这个VueJS
应用程序正在使用Axios
到PUT
一个对象到服务器。目标是更新数据库中的这个对象。该对象已存在于数据库中,但使用PUT
发回的对象有一些更改的数据。这些更改是我要更新到数据库的内容。应用程序运行时没有错误消息,但数据库中的数据永远不会更新。
客户端
onUpload(): void
this.chosenRoute.name = this.routeName;
this.chosenRoute.text.paragraphs[0] = this.routeDescription;
this.chosenRoute.text.preamble = this.preamble;
if(this.activity != "") this.chosenRoute.activity = this.activity;
axios.put('http://localhost:8080/route/' + this.selectedRoute, JSON.stringify(this.chosenRoute),
onUploadProgress: uploadEvent =>
console.log('Upload Progress' + Math.round(uploadEvent.loaded / uploadEvent.total) * 100 + " %");
).then(res =>
console.log(res);
);
服务器端
app.put('/route/:id', function(req, res, next)
const routeId = req.params.id;
res.set("Access-Control-Allow-Origin", "*");
Route.update('_id':routeId, req.body, function(result)
return res.send(result);
);
);
【问题讨论】:
您确定浏览器控制台中没有错误吗?你有什么东西可以处理这会产生的飞行前 OPTIONS 请求吗?给你的服务器端脚本添加一些调试,这样你就可以看到发生了什么? 【参考方案1】:我认为你不应该使用JSON.stringify
,所以你的代码应该是这样的:
axios.put(`http://localhost:8080/route/$this.selectedRoute`, this.chosenRoute,
onUploadProgress: uploadEvent =>
console.log('Upload Progress' + Math.round(uploadEvent.loaded / uploadEvent.total) * 100 + " %");
).then(res =>
console.log(res);
);
希望对你有帮助!
【讨论】:
可能是因为您的快速应用程序有限制。如果你使用快递,你应该添加app.use(bodyParser.json(limit: '1mb'));
以上是关于Axios PUT 不更新数据的主要内容,如果未能解决你的问题,请参考以下文章
使用 React 和 Axios 更新 Firebase 中的数据