asiox 请求中的delete请求传参问题 VUE—axios自定义请求配置、transformRequest在向服务器发送前,修改请求数据

asiox 请求中的delete请求传参问题

asiox一共请求方式有get.post,put,put,delete

get.post,put,put有三个参数,url,data和config,所以在使用时,可以写成axios.method (‘url’,data,config),但是delete只有两个参数:url和config,data在config中,所以需要写成 axios.delete(‘url’,{data:{id:1}})

这个默认的传给后端的格式是application/json格式就是这样的
在这里插入图片描述

但有时后端又需要params这样的格式,也就是放在请求链接上的
如‘url?a=1&b=2’这样的
在这里插入图片描述
还有就是formData的形式传给后端
在这里插入图片描述
因为绝大多数post都是第一种通过data方式传的application/json格式,所以封装asiox请求的时候都会写请求头
在这里插入图片描述
但是有些特殊的后端就是不想封装,想要formData的形式,那么就要在config那配置一下
VUE—axios自定义请求配置、transformRequest在向服务器发送前,修改请求数据
transformRequest: function(data) {
let str = ‘’
for (let k in data) {
str += ${k}=${data[k]}&
}
return str
}
目的就是转成formData的格式,或者new formData(),然后往里面添加属性
在这里插入图片描述

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Vue使用axios请求数据,并且在v-for指令渲染数据时,如果结构没有显示出来,可能存在以下几个可能的问题: 1. 没有正确引入axios:在Vue项目,首先要确保已经正确安装并引入了axios依赖包,可以通过在项目的入口文件或者单独的组件使用import语句来引入axios,例如:import axios from 'axios'。 2. 请求数据的路径错误:在使用axios发送请求时,必须确保请求的路径是正确的,即与后端提供数据的API接口一致。可以通过在浏览器的控制台查看网络请求来确定是否成功发送了请求,并且获取了正确的数据。如果请求路径错误,可以尝试重新检查请求的路径是否正确。 3. 数据结构不正确:在使用axios请求数据后,可能还需要对获取到的数据进行处理,以符合v-for指令的渲染要求。例如,如果获取到的数据是一个对象,而v-for指令需要的是一个数组,则需要将对象转化为数组,然后再进行渲染。 4. 异步请求数据的时机问题:由于axios请求数据是异步的,所以需要确保在数据请求完成后才进行渲染。可以通过使用Vue的生命周期钩子函数,如created或mounted,来保证数据已经获取到后再进行渲染。 综上所述,如果在Vue使用axios请求数据后,v-for指令没有正确渲染数据,可能需要检查axios的引入和使用是否正确、请求路径是否正确、数据结构是否符合要求以及异步请求数据的时机是否正确。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值