vue post application/x-www-form-urlencoded如何实现传参
更新时间：2024年04月27日 15:08:43 作者：心若向阳无谓悲伤
这篇文章主要介绍了vue post application/x-www-form-urlencoded如何实现传参问题,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教
vue post application/x-www-form-urlencoded传参
在使用axios进行参数获取时，始终获取不到，但是调用postman是正常的，所以初步估计是参数格式不正确，那么正确的应该怎么写呢？
一般按照正常的逻辑，我们在传递application/x-www-form-urlencoded时，参数应该这样写，但实际操作中发现一只获取不到参数。
axios.create({
baseURL: 'url',
timeout: 10000,
headers: { 'Content-Type': 'application/json' }
}).post('xxx/xxx/xxx',JSON.stringify({
name:'',
age:12
}),{
headers:{
'Content-Type': 'application/x-www-form-urlencoded'
}
}).then(function(response){
console.log(JSON.stringify(response));
}).catch(function(error){
console.log(error);
});只需要添加两句代码，就可以正常获取啦.
var qs = require('qs');然后把JSON.strinify改为qs.stringify就可以了。
var qs = require('qs');
axios.create({
baseURL: 'url',
timeout: 10000,
headers: { 'Content-Type': 'application/json' }
}).post('xxx/xxx/xxx',qs.stringify({
name:'',
age:12
}),{
headers:{
'Content-Type': 'application/x-www-form-urlencoded'
}
}).then(function(response){
console.log(JSON.stringify(response));
}).catch(function(error){
console.log(error);
});用VUE"application/x-www-form-urlencoded"传值问题
这边我用的是VUE 描述"application/x-www-form-urlencoded"传值问题
var qs = require('qs')
let param = {
'ids':id
};
let token = window.localStorage.getItem("token");
axios
.post(api.purchase, qs.stringify(param), {
headers: {
"Content-Type": "application/x-www-form-urlencoded",
Authorization: token
}
})
.then(res => {
console.log(res.data);
// Toast("程序异常，请稍后再试");
});
},把JSON.strinify改为qs.stringify就可以了
总结
以上为个人经验，希望能给大家一个参考，也希望大家多多支持脚本之家。
相关文章
这篇文章主要为大家详细介绍了Vue3中v-model双向绑定的正确用法和避坑指南,文中的示例代码讲解详细,感兴趣的小伙伴可以跟随小编一起学习一下2026-04-04
antfu大佬的v-lazy-show教我学会了怎么编译模板指令
这篇文章主要介绍了antfu大佬的v-lazy-show,我学会了怎么编译模板指令示例详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2023-04-04
这篇文章主要介绍了vue中路由重定向redirect问题，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2023-05-05
element-ui表格合并span-method的实现方法
这篇文章主要介绍了element-ui表格合并span-method的实现方法，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2019-05-05
这篇文章主要介绍了Vue 前端导出后端返回的excel文件方式，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2022-04-04
这篇文章主要介绍了Vue开发网站seo优化方法，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2021-05-05
在现代 Web 开发中,字体文件通常是页面加载时间的重要因素之一,特别是在字体文件较大或网络环境不佳的情况下,用户体验可能会受到影响,本文将详细探讨如何在 Vue.js 项目中优化字体文件的加载和缓存,以提高页面性能,需要的朋友可以参考下2024-09-09
vuex是大家使用vue时大多数都会选择的,但是当页面刷新之后vuex数据会丢失,下面这篇文章主要给大家介绍了关于vuex页面刷新数据丢失问题的四种解决方式,需要的朋友可以参考下2022-02-02
这篇文章主要介绍了vue数组对象排序的实现代码，这里整理了详细的代码，非常具有实用价值，需要的朋友可以参考下2018-06-06
Vue是一种流行的JavaScript框架,可以帮助开发者建立高效的Web应用程序,本文将为您介绍如何在Vue中实现登录验证功能,并为您提供具体的代码示例,感兴趣的朋友一起看看吧2023-11-11
最新评论