Vue预览打印pdf和图片文档需要传多个值到后端,返回的文件流类型为blob,Post请求乱码报错,Get请求错误或者未接收到值

17 篇文章 2 订阅

前端要传多个值到后端来输出一些东西
1.post请求返回回来乱码并且不能正确生成
2.get请求没有反应后者后端接收不到值

答案:数组转字符串往后端传

前端:

 this.axios.get("api/xxx/xxx",{params:{id:this.Data.join(',')},responseType:'blob'})
       .then((res)=>{
        });
        }).catch(() => {});

后端

        public async Task<IActionResult> xxx(string ids)
        {
            var splits = ids.Split(','); //现在这是个数组
       }

番内篇 : join是前端把数组按某个字符或符号间隔成字符串
番外篇: Split是后端字符串按某个字符或符号转换成数组

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
如果你在 Vue 3 中使用 axios 或者 fetch API 发送 POST 请求多个参数,但是在后端无法获取这些参数的值,可能是因为请求设置正确导致的。 在使用 axios 或者 fetch API 发送 POST 请求时,需要设置请求头的 Content-Type 为 application/x-www-form-urlencoded。这样服务器才能正确解析请求体中的参数。 以下是设置请求头的示例代码: ```javascript import axios from 'axios'; const data = { param1: 'value1', param2: 'value2', param3: 'value3' }; axios.post('/api/endpoint', data, { headers: { 'Content-Type': 'application/x-www-form-urlencoded' } }) .then(response => { console.log(response); }) .catch(error => { console.log(error); }); ``` 在上面的示例中,我们通过在 axios.post() 方法的第三个参数中设置 headers 来设置请求头,其中 Content-Type 设置为 application/x-www-form-urlencoded。 如果你使用的是 fetch API,可以使用 Request 对象来设置请求头。以下是使用 fetch API 发送 POST 请求并设置请求头的示例代码: ```javascript const data = new URLSearchParams(); data.append('param1', 'value1'); data.append('param2', 'value2'); data.append('param3', 'value3'); fetch('/api/endpoint', { method: 'POST', body: data, headers: { 'Content-Type': 'application/x-www-form-urlencoded' } }) .then(response => { console.log(response); }) .catch(error => { console.log(error); }); ``` 在上面的示例中,我们使用了 URLSearchParams 对象来构造请求体,并通过设置 headers 属性来设置请求头。

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值