vue中post请求以a=a&b=b 的格式写遇到的问题
更新时间：2018年04月27日 11:00:42 作者：莫言_df49
这篇文章主要介绍了vue中post请求以a=a&b=b 的格式写遇到的问题,需要的朋友可以参考下
vue开发过程中，总会碰到一些问题，当然任何问题都不能阻止我们前进的脚步，话不多说，下面是我在开发过程中请求参数所碰到的问题
1，在暂时没有后台数据的时候，post请求的参数大多会以 name:a,age:b 的格式去写
import axios from 'axios';
axios.post(url,{
name:'0',age:''
},{emulateJSON: true}, { // 这里是跨域写法
headers:{"Content-Type": "application/x-www-form-urlencoded;charset=utf-8",} // 这里是跨域的写法
}).then(reponse=>{
console.log(reponse)
this.tableData=reponse.data.data
})
这样写法是没有问题的，
2，若是后台已经写好，但post的请求要以 name:a&age:b 的方式去写的话，上面你的写法就会请求不到数据，这时我们就要使用一个插件来解决这个问题
2.1，安装qs
npm install --save axios vue-axios qs
2.2，在请求的页面加入
import qs from 'qs';
import axios from 'axios';
axios.post(url,qs.stringify({ // 通过qs.stringify()将对象解析成URL的形式
name:'0', age:'2'
}),{emulateJSON: true},{
headers:{"Content-Type": "application/x-www-form-urlencoded;charset=utf-8",}
}).then(reponse=>{
console.log(reponse)
this.tableData=reponse.data.data
})
总结
以上所述是小编给大家介绍的vue中post请求以a=a&b=b 的格式写遇到的问题，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持！
相关文章
Vue3新增了Composition API，我们只需将实现某一功能的相关代码全部放进一个函数中，然后return需要对外暴露的对象，这篇文章主要介绍了vue3 Composition API使用,需要的朋友可以参考下2022-12-12
这篇文章主要介绍了深入探索VueJS Scoped CSS 实现原理，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2019-09-09
下面小编就为大家带来一篇Vue自定义事件(详解)。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-08-08
这篇文章主要介绍了vue中v-for通过动态绑定class实现触发效果,本文通过实例代码给大家介绍的非常详细，具有一定的参考借鉴价值，需要的朋友可以参考下2018-12-12
v-for循环中使用require/import关键字引入本地图片的几种方式
在做项目的过程中,模版相同,可是不标题和图片不同,循环标题我们知道可以用v-for循环,可是该怎么引入本地图片呢？下面这篇文章主要给大家介绍了v-for循环中使用require/import关键字引入本地图片的几种方式,需要的朋友可以参考下2021-09-09
eslint是一个JavaScript的校验插件,通常用来校验语法或代码的书写风格,下面这篇文章主要给大家介绍了关于Vscode关闭Eslint语法检查的多种方式,文章通过图文介绍的非常详细,需要的朋友可以参考下2022-07-07
这篇文章主要介绍了vue中$refs的三种用法，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2023-01-01
回到顶部在很多网页中都可以见到，本文主要介绍了Vue3 封装回到顶部组件的实现示例，文中根据实例编码详细介绍的十分详尽，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2022-03-03
这篇文章主要介绍了vue 子组件watch监听不到prop的解决，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2020-08-08
这篇文章主要介绍了vue超时计算的组件实例代码,需要的朋友可以参考下2018-07-07
最新评论