Vue之axios请求踩坑记---post请求

最新推荐文章于 2023-01-24 09:52:38 发布

weixin_33843947

最新推荐文章于 2023-01-24 09:52:38 发布

阅读量250

点赞数

CC 4.0 BY-SA版权

文章标签： javascript ViewUI

原文链接：https://segmentfault.com/a/1190000018184353

本文解决了使用axios进行POST请求时遇到的参数格式错误问题，通过调整参数格式，成功避免了看似跨域但实际上是由参数格式错误引起的问题。

今天就遇到一个axios POST传参的问题，我需要在请求中传递参数，然后按官方文档的格式开始操作，代码如下：

图片描述
看到这个我心里咯噔一下，这不就是跨域问题么？网上一搜也大都是说跨域问题。

在这里我们不要给误导了，这个不是跨域问题，这只是axios的post请求参数格式出问题了。参照方法1

解决方法：1 https://blog.youkuaiyun.com/weixin_38683617/article/details/79943758
https://blog.youkuaiyun.com/call_me_fly/article/details/79012581

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

weixin_33843947

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

vue-axios的使用及其get与post网络请求

从零出发

06-23

17万+

一、vue-axios学习网址网址1： https://github.com/imcvampire/vue-axios 网址2： https://www.npmjs.com/packge/axios 二、vue中get与post请求 vue高版本中，推荐使用axios进行网络请求，而不再使用vue-resource。在vue04项目中，在终端运行 npm install --sa...

axios POST提交数据的三种请求方式写法

weixin_42382758的博客

08-16

185

参考文字

参与评论您还未登录，请先登录后发表或查看评论

解决axios--post请求403问题

weixin_44239550的博客

01-24

2040

困扰一晚上的问题终于得到解决，这是我后端的问题，虽然知道要配置允许跨域的bean，但是居然配置内容里面有问题，这能怎么弄。问题： get请求都能发出去，post不行！axios的post请求。

Vue中axios调用网上接口用POST方式传参

Rocky balboa

04-26

1932

微信小程序request请求实例，网络请求。

热门推荐

chenbalala的博客

11-05

7万+

最近微信小程序开始开放测试了，小程序提供了很多api，极大的方便了开发者，其中网络请求api是wx.request(object)，这是小程序与开发者的服务器实现数据交互的一个很重要的api。官方参数说明如下 OBJECT参数说明：参数名类型必填说明 url String 是开发者服务器接口地址 data Object、S

vue中axios请求数据data格式问题研究及解决办法

biapang的博客

11-30

3067

注: 网上很多都是使用post发送的例子,但是我使用过程当中,就是参数有问题,一直报参数无法present的问题,后来看到这篇博客,需要引入QS对参数进行转换,且要设置Content-Type,这样就可以了,特别注意QS的功能: 第一个坑:使用axios的then之后,要给data赋值,使用this报错,以下是原因和解决方案: 第一种方法在then 这个里边的赋值方法this.followe...

vue使用axios 发送post请求的四种方法

qq_14926871的博客

07-10

1万+

//写法一后端可以接收到，应该是json格式 // export const requestLogin = params => { console.log(params); // return $axios.post(`http://192.168.0.105:5846/Home/TestData`, // qs.stringify(params,{ indices: fal...

iPhone微信浏览器中jQuery发起post请求无效

ListenToSennTyou的博客

11-03

7790

在ios微信浏览器中，jQuery.post方法访问本地地址没有返回，而且也不能做调试.原因：ios里面的post请求，要求完整的post的请求头和json响应头，所以不能直接post访问本地文件，但是get完全没问题的。解决方案：使用完整的post响应，比如说模客（mock-api.com）.

Vuejs通过Axios请求数据

SanPhantom的博客

10-28

5万+

Vuejs通过Axios请求数据我们来搭建api接口调用工具Axios。Vue本身是不支持ajax调用的，如果你需要这些功能就需要安装对应的工具。支持ajax请求的工具很多，像superagent和axios。今天我们用的就是axios，因为听说最近网上大部分的教程书籍都使用的是axios，本身axios这个工具就已经做了很好的优化和封装，但是在使用时，还是比较繁琐，所以我们来重新封装一下。 ...

记录axios在IOS上不能发送的问题

weixin_30555515的博客

07-03

2414

最近遇到了axios在IOS上无法发送的问题，测试了两个苹果机，IOS10上不能发送，IOS12可以，百度了下，找到了解决方法。记录下吧首先引入qs，这个安装axios也已经有了吧；然后在每次请求前把传的数据qs.stringify下；具体代码如下 import qs from "qs"; axios.interceptors.request.use( confi...

Vue项目中使用axios遇到的相对路径和绝对路径

勿語念千的博客

10-28

1万+

Vue项目中使用axios遇到的相对路径和绝对路径Vue项目中使用axios遇到的相对路径和绝对路径1.设置全局baseURL绝对路径的形式：2.覆盖baseURL2.1.当前界面所在URL2.2.使用相对路径2.3.使用绝对路径3.参考 Vue项目中使用axios遇到的相对路径和绝对路径部分依赖说明： "vue": "^2.5.2", "webpack": "^3.6.0", "axios":...

form 提交了一个请求(并发报表)，可是在find all my requests 里面却找不到

weixin_34279061的博客

06-14

126

自己客制化form 提交了一个请求(并发报表)，可是在find all my request 里面却找不到单独输入报表的名字却可以跑，为什么是不能提交请求，而form 里已经显示了提交的request_id 了fnd_message.set_name('FND','Request ID: '||request_id);fnd_message.show; ******************...

ios post html代码,【Vue】axios发送post请求，如何提交表单数据？

weixin_29505121的博客

06-10

580

我在vue.js中使用axios发送post请求到后台。提交的对象是vue中定义的。代码如下：/****/var app = new Vue({el: "#register",data: {registerUrl: "/KindlePocket/bindingData"newUserInfo: {userName:'n',phone:'13',email:'12',emailPwd:'22',ki...

Vue之axios请求踩坑记

bb7bb的博客

04-14

3715

在我们使用Vue框架的时候，我们不免会遇到各种各样的问题，话不多说。我们直接扔出我们的问题 Request header field Content-Type is not allowed by Access-Control-Allow-Headers in preflight response. Request header field Content-Type is not ...

vue 获取后端数据打印结果undefined问题

weixin_30764771的博客

09-03

8531

今天做项目时后端有一个要展示到页面上的附件需要前端获取，我获取到了那个附件的信息，但打印fj.name或fj.url时控制台就会显示undefined，后来才发现是json数据没有解析对，应该使用JSON.parse来从字符串里解析出json对象： this.init.fj = JSON.parse(response.data.map.init.fj) 然后在页面渲染的时候用v-for...

Vue 使用axios 发送post请求,参数格式有错误问题

你好邱林和的专栏

01-17

5万+

Vue 使用axios 发送post请求,参数格式有错误问题: 注:网上很多都是使用post发送的例子,但是我使用过程当中,就是参数有问题,一直报参数无法present的问题,后来看到这篇博客,需要引入QS对参数进行转换,且要设置Content-Type,这样就可以了,特别注意QS的功能: 完全不是一个东西，功能虽然都是序列化。假设我要提交的数据如下 var a = {name:'hehe

axios不发起请求_axios 发 post 请求的问题

weixin_39561577的博客

12-22

1953

要做的需求很简单，就是一个axios的简单请求，如下：axios({method: 'post',url: '/api/login',data: {username,pwd}})但是问题来了，后端说取不到我的username和pwd，问题又来了，我确实传过去了，黑人问号脸？？？，然后我找了一下资料，终于把值成功传过去，后端也成功取到了。原因：后端用的框架是spring mvc ，并且在这个方法上...

vue踩坑记：属性报undefined错误

peade的博客

01-17

2万+

在一个组件里，通过props传值进去对象，在控制台打印报错误信息，提示某属性不存在。例如： <div>{{data.param.aaa}}</div> 类似这种的，取对象子级下面的值，就报了undefined。原因应该是在初始传值，最多默认 data={}。我尝试在props里设置好默认值，但是依然报错这么设置的props： props:{ ...

vue3axios404

08-19

- *2* [Vue 3.x+axios跨域方案的踩坑指南](https://download.youkuaiyun.com/download/weixin_38748721/12939928)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_...