vue3 踩坑记（汇总）

已于 2023-10-22 13:18:29 修改
阅读量212 收藏
点赞数
分类专栏： # Vue.js 文章标签： vue.js
于 2023-09-27 14:42:02 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/mChales_Liu/article/details/133350737
版权

1、在 vue3 中，GET 请求接口时，传入一个数组，默认是以“xxx[]: 1, 2, 3”的形式传递的，报错：“400 Bad Request”
在这里插入图片描述
解决方案：
传参时，需要将数组字符串化，比如：ids: selectionList.value.join(', ')
在这里插入图片描述

weixin79893765432...
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Vue中post请求接口时，以数组的形式传参处理方法
weixin_41346436的博客
08-22 1万+
摘要：一般很多情况下，vue中请求接口的时候，data传参是都是字符串的形式，很少有以数组的形式，但是今天就遇到了，后端写接口的人也是真的傻X啊。 描述下需求：公司业务需要，需要做一个交货单核验的功能，意思就是利用条形码扫描仪扫描交货单上面的条形码，将扫描的结果通过事件提交给后台，然后后端判断结果 如图所示是所需要的设备，虽然这与本章博客主要内容无关，哈哈 部分截图 后端给的说明文档： 代码片段 <template> <div class="form-content"&
vue中的get方法\post方法如何实现传递数组参数
qq_34936893的博客
02-03 6290
post方法传array数组的参数，且该数组参数是循环遍历所有元素按照get方法传参形式进行参数传递
vue3中get请求参数数组格式序列化
qq_37759901的博客
09-01 747
【代码】vue3中get请求参数数组格式序列化。
在vue中get请求如何传递数组参数
热门推荐
onlyAngel521的博客
02-24 1万+
在vue中get请求如何传递数组参数问题解决方案第1步：安装qs插件（如果安装过了引入就可以了）第2步：转码第3步：更换传值方式（很重要）效果图解决方案第3步的第1段代码效果（未解决）解决方案第3步的第2段代码效果（未解决）解决方案第3步的第3段代码效果（已解决）qs插件（部分展示） 问题 当我们需要通过get方式传递一个包含数组的对象作为参数，例如： const params = { sort: ['id,desc', 'name,asc'], type: 'term' } 预期是解析为:htt
Vue 3中的13种通讯方式
PJH_123的博客
08-23 722
Vue 3中的13种通讯方式
axios post json_Vue插件之 Axios
weixin_39735509的博客
12-01 128
环境安装：npm install --save axios vue-axios //安装axiosNpm install //安装依赖在main.js中注册import axios from 'axios'import VueAxios from 'vue-axios'Vue.use(VueAxios, axios)在对应组件的方法中，发送axios请求；向后端获取数据【注意： 请求的方法采用的 ...
浅谈vuepress 踩坑记
12-10
vuepress是尤大大4月12日发布的一个全新的基于vue的静态网站生成器，实际上就是一个vue的spa应用，内置webpack，可以用来写文档。恰好最近需要为一些组件写文档，就动手撸了一波，毕竟刚发布，遇到不少坑，最终还是...
浅谈vue的踩坑路
08-29
浅谈vue的踩坑路 在本篇文章中，我们将探索 Vue.js 中的一些踩坑路径，包括 axios 模拟 GET 请求、图片加载问题、数据绑定问题等。 首先，让我们来看一下 axios 模拟 GET 请求的问题。在开发服务器中，我们可以...
vue踩坑记录之数组定义和赋值问题
12-29
问题场景：vue页面初始化展示请求后台返回的数据失败，没有报错 有效日期> type=daterange range-separator=至 start-placeholder=开始日期 end-placeholder=结束日期> data(){ return{ effective
Vue.js 踩坑记之双向绑定
10-18
通过这个“踩坑记”，我们对Vue.js的双向绑定有了更深刻的理解，同时也能避免在实际项目中遇到类似问题。希望这个教程对你有所帮助，如果你有任何疑问或需要进一步的信息，请随时提问。感谢你对我们的支持！
vue中get请求如何传递数组参数的方法示例
10-16
主要介绍了vue中get请求如何传递数组参数的方法示例，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
VUE：axios的post、delete请求，只传一个数组时，后台接收不到数据
干饭搬砖两不误。
06-30 1873
axios的delete、post请求，只传一个数组时，后台接收不到数据，接口报错400
get请求传参为数组时的解决办法
anqiaoyun的博客
11-21 2978
get请求传递的参数为数组形式时的解决办法
小程序post请求数组变成字符串
X_W123的博客
06-29 2639
小程序post传参数组变成字符串 今天开发的时候，同事遇到一个问题，传参之前打印了参数，商品id是个数组，但是到request中却序列化成一个个字符串 如图传参前格式 request中如图 这是原来的小程序请求头 原因是浏览器接收参数的时候将其序列化了，可以在请求头上加上***Content-Type：application/json***但是这会影响到其他的请求头，所以可以和后端约定需要什么类型的数据，我同事是将params中参数join(’,’)变成字符串传给后台斜体样式 ...
Vue3中props传参（多种数据类型传参方式）
最新发布
头条:俊哥前端工程师，真正的大师永远怀揣着一颗学徒的心。
11-29 1万+
`props`的参数： type: 数据类型 default： 默认值 required： 是否必传, true必传，false 非必传
vue3 前端传值，解決传递数组变成对象的问题
hfyldx的博客
08-05 1834
列表传值
vue get请求怎样传数组参数
a576837179的博客
06-08 4379
场景: vue中在与后端进行数据交互时，使用axios发送请求，不做配置直接使用get请求传递数组类型参数的时候，后端是无法接收数据的，需要对axios一些简单的配置才能让后端完美的接收数组 let params = ['2021715','20210415'] list(data){ return request({ url: '/getList', method: 'get', params: data, }) } 上述代码在不做配置的时候请求信息为：/list?season[]=
vue3清空数组和数组去重
柏舟的博客
04-18 2217
vue3的数组去重与数组清空
vue get请求传数组,get请求传数组
mashangzhifu的博客
05-07 3043
有两种方式： 1.手动转换 定义转换方法： converToUrl(requestParams){ let params = []; Object.entries(requestParams).forEach(([key, value]) => { let param = key + '=' + value; params.push(param); }); return '?' + params.join('&am
nuxt + vue-i18n 踩坑记录
06-02
好的，我知道了，下面是我的回答： 首先，在使用nuxt和vue-i18n时，需要注意以下几点： 1. 在nuxt.config.js中配置vue-i18n： ``` module.exports = { modules: [ 'nuxt-i18n' ], i18n: { locales: [ { code: 'en', file: 'en.js' }, { code: 'zh', file: 'zh.js' } ], defaultLocale: 'en', lazy: true, langDir: 'lang/' } } ``` 2. 在lang文件夹中添加对应的语言文件： en.js： ``` export default { hello: 'Hello' } ``` zh.js： ``` export default { hello: '你好' } ``` 3. 在组件中使用$t方法： ``` <template> <div>{{ $t('hello') }}</div> </template> ``` 以上就是使用nuxt和vue-i18n时需要注意的一些问题，希望对你有帮助。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值