axios raw json go后端无法获取值问题

已于 2022-04-29 16:33:45 修改
阅读量2.4k 收藏
点赞数
分类专栏： vue 文章标签： vue.js
于 2022-02-28 18:39:14 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/liuwang61147371/article/details/123189053
版权
在Vue项目中，当开启代理时，使用axios发送请求到Gin框架的API，Bind方法无法正常获取参数。这个问题可能由于NodeJS代理不处理JSON数据导致。关闭代理或者使用绝对路径直接请求可以解决此问题。生产环境中，建议通过Nginx配置来避免此类问题。参考链接提供了详细解决方案。
摘要由CSDN通过智能技术生成

vue 框架中如果开启代理，那么传参在gin框架使用Bind无法获取绑定值。postman测试可以获取但是用axios发送请求就不行。原因如下

查看是否开启代理，关闭代理查看是否正常。因为nodejs 代理 处理json数据是没有转换，

即axios请求使用绝对请求如http：//。。。

默认去掉代理写绝对路径，生产环境部署时候用nginx不会存在该问题的。。。。。

具体参考：https://blog.csdn.net/qq_37767455/article/details/121216748?utm_source=app&app_version=5.3.0&code=app_1562916241&uLinkId=usr1mkqgl919blen

 

 

_看小乔流水_
关注
专栏目录
Vue开发实战十一:Vue3+TS+Antd实现vben项目的增删改查
博主逸尘
12-03 3405
文章目录1.效果图预览2.列表的实现3.数据新增、修改及附件上传的实现4.详情界面的实现 说明：之前用Vue2+ElementUI|iView用的那是相当的爽，写法和之前做移动的用的Ionic很是类似，最近新开了一个项目，用的Vue3+TS+Antd那真是一把辛酸一把泪，完全摸索+找规律+瞎蒙，开发了一个模块之后终于有所得，以此篇文章记录。 1.效果图预览 老规矩先上效果图 列表 新增 附件上传 修改 详情 2.列表的实现 index.vue页面中 template布局如下，BasicTable列
react sql格式化_前端SQL-React，Postgres和RLS /第1部分
weixin_26750481的博客
09-14 819
react sql格式化When it comes to the data exchange between the frontend and the backend REST is the most common way to go. At least it was until GraphQL came in. When I heard the first time about GraphQL ...
详解解决使用axios发送json后台接收不到的问题
12-09
问题描述 按照axios官网例子发起请求传递json，后台接受到的数据为空，一直卡在options阶段。 尝试的方法 开始以为是接口有问题，使用postman测试下，一切正常，百思不得其解，看了好多issue也解决不了，加了headers:{'content-type':'application/json'}也没用。 官网上是说，传json就按application/json进行处理，然而并没有卵用；之后套了一层JSON.stringify(data) ，content-type又变成表单格式了==。 然后翻自己之前的代码，发现写法如出一辙，怀疑是版本号的问题，然而并不是==。。。。考虑
go-部署在阿里云linux服务器上遇到的问题
u011525168的博客
07-16 414
今天在阿里云linux(ubuntu)服务器部署后台服务(go-lang语言)到上的时候,遇到的一些问题 先更新 apt-get sudo apt-get update 第一步 安装了nginx $ apt-get nginx 第二步 开启ngnix 服务 $ nginx 第三步 去浏览器请求xxx.xxx.xxxx.xxxx:80 以上只...
vue+axios中使用raw+json请求失败的解决办法，application/json请求跨域问题
Bangtidy的博客
07-29 2758
后端需要开启Content-Type的权限，平时不知道没开启权限，到自己遇到找了好久才知道是这个搞得鬼。o(╥﹏╥)o //Filter过滤器跨域处理 String origin = request.getHeader("Origin"); response.setHeader("Access-Control-Allow-Origin", origin); response.setHeader("Access-Control-Allow-Methods",
Day 255/300 在Vue中使用axios，后端body的raw使用json能返回，我本地get请求死活拿不到数据
xinghuowuzhao的博客
08-24 1232
Vue项目中，使用axios获取请求，后端在POSTMAN，body的raw使用json能返回数据，我本地get拿不到数据。改用post请求，好使。JSON形式，不能用get请求。
axios上传raw格式踩坑
最新发布
weixin_72579045的博客
12-18 623
正常上传Raw数据，只需要设置头文件，就可以，但有的时候会报错。因此这时候可以使用这个配置来修复这个问题。用这个配置来修复这个问题。
基于有道API的命令行词典(golang版)
qiuzhiqian1990的博客
02-02 1784
Godict 本项目地址 近期一直再使用golang语言开发一些工具，相关的后端技术链(golang+orm+postgresql+gin+jwt+logrus)和对应前端的技术链(vue+iview+axios+vue-router)基本已经打通了，项目地址。但是想到除了这一套前后端的东西外，命令行的一些操作也是不可避免的。因此就找到了cobra这个应用广泛的第三方命令行库，并借这个小项目练一下...
beego项目解决跨域 (beego做后台，vue做前端)
NYYandYF的博客
03-30 5089
一 ，beego 输出json 数据 1.首先关闭beego自动渲染模板开关。 如果您的应用是不需要模板输出的，那么可以在配置文件或者在 main.go 中设置关闭自动渲染。 配置文件配置如下： autorender = false main.go 文件中设置如下： beego.AutoRender = false 用户无需手动的调用渲染输出模板，beego 会自动的在调用完相应的...
前端试题(一)
Stephy_Yy
04-05 4410
金卡智能 自我介绍不够流利 改内容 改经历 改个人项目 菲律宾经历，做什么，有什么帮助，为什么回来 为什么离开现在的公司 脚手架 vue-cli现在用的什么版本，2版本了解多少，2 3有什么区别 怎么存储静态资源 他说入口是public? BFC call和apply的区别 Localstorage和sessionstorage的区别 数组遍历的区别：foreach map filter 返回值 ...
使用axios发送post请求,将JSON数据改为form类型的示例
10-16
今天小编就为大家分享一篇使用axios发送post请求,将JSON数据改为form类型的示例，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
Vue学习之利用Axios实现异步通信原理
永远热泪盈眶 坚持输出
07-06 663
利用Axios实现异步通信原理 在前端工作的时候，大部分数据来源都是通过后台传递的json数据来进行前端的数据展示，所以接下来就进行一个模拟Ajax的异步通信。以后可能会用到。 <div id="app"> <!--用来获取json中的数据 对象名称为info--> <div>名称：{{info.name}}</div> <div>地址：{{info.address.country}}-{{info.address.city
Axios传参的三种方式
web_Bennu的博客
09-26 6773
Axios传参的三种方式
Axios异步请求 & json格式
zjw_rp的博客
02-11 3599
Axios是Ajax的一个框架,简化Ajax操作。需要axios.min.js 和vue.js的jar。
axios传值raw形式
lyn1772671980的博客
12-22 4371
axios .post(`/emer-auth/refresh`, [1,2,3], { headers: { 'Content-Type': 'application/json', }, })
axios传参raw形式
inheight的博客
03-08 5097
export function userList(query) { console.log(query.page) console.log(query.count) return request({ url: 'http://adminapi.forester888.com/api/user/list', method: 'post', //不能用param:query data: query }) post请求要用data不能用param否则后台报400.
使用axios发送post请求，body传送数据格式form和json区别
热门推荐
weixin_33894640的博客
07-25 1万+
先来看看这两个种传送格式的写法1.form格式，将Content-Type类型设置为application/x-www-form-urlencode，POST请求时将data序列化,提交的数据会按照 key1=val1&key2=val2 的方式进行编码，key 和 val 都进行了 URL 转码 var instance = ...
使用post的方式提交raw格式的数据失败
踏浪而行的博客
07-04 1万+
有时候我们请求接口的格式的时候，被要求直接传递对象 即raw数据，而不是普通的表单提交 这时候如果我们直接以表单的提交方式去请求就会报错：如postman：(会直接提示报错)因此，我们需要使用raw的方式提交数据：（正确获取返回结果）但是，当我们使用程序去请求的时候就有可能会报错，那是因为我们使用了第一种方式去请求，这时候我们需要在请求头添加参数，来进行处理 $headers = array( ...
axios raw json
08-31
axios raw json是指使用axios发送原始的JSON格式数据。在代码示例中，方法一使用axios.post发送一个包含code和name属性的JSON对象作为请求体数据。方法二使用JSON.stringify将一个包含id和name属性的JavaScript对象...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值