vue.js 使用useAxios发布请求

tuwxkamq  于 2023-01-21  发布在  Vue.js
关注(0)|答案(1)|浏览(144)

我尝试在我的Vue应用上使用合成API,我需要对我的后端API进行发布请求。我尝试使用vueuse的“useAxios”实用程序,但我不知道如何将数据传递到发布请求中。它在文档中没有正确显示...
我想把下面的axios请求转换成使用“useAxios”的请求。

await axios.put(`/blog/posts/${route.params.postID}/`, post.value)
    .then(() => notification = "Post Created!")
    .catch(() => {
      error = "Failed to create post"
    });

我试着设置数据字段的值,但不起作用...

const {data, execute, isFinished} = useAxios(axios)
data.value = post
await execute(`/admin/blog/posts/${route.params.postID}/`, {method: "PUT"})

我还尝试将post对象作为参数传递到execute方法中,但我的ide抱怨了。
先谢了!

krcsximq

krcsximq1#

提前设置您的待处理请求:

const { data, execute, isFinished } = 
  useAxios(`/admin/blog/posts/${route.params.postID}/`, 
     { method: "PUT" }, 
     { immediate:false });

以后您可以按如下所示传递数据来调用它:

const requestBody = { /* your data */ };
await execute({ data: requestBody });

相关问题