vue前端使用axios传参注意事项

摘要:
axios只支持键值对传参,如果只有一个数据也要封装为键值对,ids为后台接收的参数例如constdata={ids:JSON.stringify(parameter)}1.如果后台接收的数据类型为数组类型,则,前台组装数据为1,2,2,4,3注意不要加()和[],否则出错2.如果传递集合形式:ids=[1,18,19,20,21,22,23,24,25,26]报错,Thevalidcharact

axios只支持键值对传参,如果只有一个数据也要封装为键值对,ids为后台接收的参数
例如const data = { ids: JSON.stringify(parameter) }

1.如果后台接收的数据类型为数组类型,则,前台组装数据为1,2,2,4,3
注意不要加()和[],否则出错
2.如果传递集合形式: ids=[1,18,19,20,21,22,23,24,25,26]
报错,The valid characters are defined in RFC 7230 and RFC 3986
这里使用post方式也会报错,需要转义或者降低Tomcat版本

免责声明:文章转载自《vue前端使用axios传参注意事项》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇sentos 上安装vnc图形界面使用FastDFS的删除方法注意事项下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

关于react实现类似vue keep-alive 的cache router的功能解决方案

// 问题来源 众所周知react是单页面应用,在路由发生变化的时候,她所对应的页面或者组件会被卸载。当路由加载的时候,原页面所有的数据都会重新加载 这在移动端的用户体验可能是一个重大灾难! 比如列表滚动到第20页或者tab切换第三个tab 再去滚动列表进入详情页,当你返回的时候你原来的浏览记录被重新加载了,这个体验会是非常差。 react官方...

如何用webpack搭建vue项目?本文案例详解

前言:都2020年了,感觉是时候该学一波webpack了,趁着最近有时间,就学了一下,等把官网上的webpack结构和模块大概看了一遍之后,就感觉可以开始搭个项目实战一下了,从0开始,一步步记录下来 使用版本: webpack4.x 1.包含插件和loader * html: html-webpack-plugin clean-webpack...

Vue前后端动态权限管理对接方案

前后端动态权限管理对接方案 1.用户登录 Request: { username: ‘adminxx’, password: ‘123456’ } Response: { status: ‘OK’, ok: true, comment: ‘操作成功!’, value: { token: ‘xxxxx’, .... } } 2.用户信息及按钮页面按钮权限获...

Vue组件之全局组件与局部组件

组件 (Component) 是 Vue.js 最强大的功能之一。组件可以扩展 HTML 元素,封装可重用的代码。在较高层面上,组件是自定义元素,Vue.js 的编译器为它添加特殊功能。在有些情况下,组件也可以是原生 HTML 元素的形式,以 is 特性扩展。个人认为就是一个可以重复利用的结构层代码片段。 全局组件注册方式:Vue.component(组件...

Vue子组件prop类型和默认值

Vue子组件prop类型和默认值 1、设置prop的数据类型有什么好处? 细致的 prop 定义有两个好处: a、它们写明了组件的 API,所以很容易看懂组件的用法; b、在开发环境下,如果向一个组件提供格式不正确的 prop,Vue 将会告警,以帮助你捕获潜在的错误来源。 例如: props:['status'], #good: props:{...

vue 在nginx下页面刷新出现404问题解决和在nginx下页面加载了js但是页面显示空白问题解决

一、vue 在nginx下页面刷新出现404   在网上翻遍了所有这样问题的解决办法,全都是一个解决办法也是正确的解决办法,(后来在vue官网上关于history方式出现404解决方法也是这样说的),只是没有表达完整,可能会让比较急于解决这个问题的人简单复制却始终解决不了问题 nginx正确的配置: 1、如果是在根目录则配置如下 location / { ...