vue前端post请求之坑
最近用的vue请求数据,坑死,还是对前端vue框架不熟。
与后端通信有问题,要么是json加入到url有问题、要么是json解析有问题。
解决方法:
1、请求参数一个用url传
var json=[{"msg”:“123"}]; var temp=encodeURI(JSON.stringify(json)); //重点 var urls="http://202.114.207.232:8080/web/data?operations="+temp; this.$axios({type:'post',url:urls, dataType:'json' }).then( res => { console.log(res) }).catch( e => { console.info(e) })
2、一个用data包装传
var Data=[{}] var url = "http://111.111.111.111:8080/web/data"; var params = new URLSearchParams(); params.append("operations", JSON.stringify(Data)); //重点 // params.append('param2', 'value2'); that.$axios.post(url, params) .then(response => { // post 成功,response.data 为返回的数据 console.log(response.data) }) .catch(error => { // 请求失败 console.log(error) })
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】博客园社区专享云产品让利特惠,阿里云新客6.5折上折
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步