Vue传送JSON数据给后台报404错误

最新推荐文章于 2024-04-07 17:53:50 发布
最新推荐文章于 2024-04-07 17:53:50 发布
阅读量2.1k 收藏 1
点赞数 1
分类专栏： vue 文章标签： vue上传 404 前端 JSON数据转换 JSON
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_40428678/article/details/86425224
版权

解决： vue传送json给后台，服务响应404

当我们转换成JSON字符串的时候，发送请求会被转码

例如 ：{ 我 ： ['1' ,  '2' ] }  里面的内容都被转码了  

但是我们的 {   }   [  ]  并不会被转换传给后台， 

这个时候 使用方法转换

var let = JSON.stringify(要被转化的数据)
.replace(/{/g, "%7b")
.replace(/}/g, "%7d")
.replace(/\[/g, "%5b")
.replace(/\]/g, "%5D");
//(由于不好展示写成了这样子， 我们可以把空格删除)

然后转换给后台的{} []  就会被替换

响应200 就表示成功。

跟多请看  我的博客

如果有更好的办法请留言交流

sublime常用的一些插件

 

码知秋
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
详解vue渲染从后台获取的json数据
10-19
主要介绍了详解vue渲染从后台获取的json数据，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
详解vue2.0模拟后台json数据
10-17
主要介绍了vue2.0模拟后台json数据，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
在springmvc环境下，前端通过post发送json数据给后端，但报400错误
supertwoone的博客
10-08 803
错误截图 400错误是经典的访问方式错误，但是现阶段json数据只能通过post求来发送，不能通过get请求发送 解决方案 在后端将json封装为对象的时候注意 @JsonFormat(pattern = “yyyy-MM-dd HH:mm:ss”,timezone = “GMT+8”) 此注解要与json中的data类型数据格式对应 1. 方案一 将json数据改为以下形式 { "id": 1, "name": "李四", "birthday": "2010-12-23 21:1
json-server踩坑请求一直报错404 not found
qq_36808770的博客
04-07 226
json-server启动成功，可正常访问报错接口。
前端实现新增业务时报告Json解析异常，不要慌
UTF8_8的博客
11-04 727
今天做在线教育项目的时候，vue前端提交新增数据到后端处理，结果浏览器页面显示json异常报错信息如下： 1、梳理问题：我分析检查了我的前端代码发现不是前端的问题，之后我去检查后端控制台，咦~~，发现有报错，这就好办了！报错页面如下： 2、分析问题：Json解析错误，不能从字符串“2021-11-01”反序列化‘java.util.Date’类型的值。 也就是，Json的字符串类型的日期值，转化为实体类中Date类型的值的过程中出错了。3、解决方案： 解决方法：在实体类的字段上加上 @Json
开发错误记录---前端向后端发送JSON数据不使用@RequestBody注解无法获取或报400错误
weixin_45787495的博客
12-09 837
前端向后端发送JSON数据不使用@RequestBody注解无法获取或报400错误 在开发过程中想通过前端以json的格式将数据发送到后端，但是数据一直获取不到，或报404错误，后来经过查资料解决了问题，总结如下 @requestBody注解常用来处理content-type不是默认的application/x-www-form-urlcoded编码的内容，也就是说前端向后端发送json数据的时候contentType: “application/json”，此时需要在参数位置标识@requestBody
axios请求本地json报错404
weixin_52703987的博客
12-17 4581
1.方法一 使用vue cli老版本创建的vue项目 1.在vue项目根目录下的static目录下创建json文件。例如：data.json 2.在test.vue中获取本地json数据 import axios from 'axios' export default { name: "index", data() { return {}; }, mounted() { this.getData() }, methods
前端报错404
热门推荐
qq_57980267的博客
12-28 1万+
今天在做项目过程中，遇到了404的问题，印象深刻，检查了axios请求，检查了vue代码文件， 之前一直觉得是拿到后端的请求地址不对，看了几个小时之后，我发现原来是我自己接口就没写对，少写了两个字母，导致浪费了大量时间。 我们在出现404这种情况1.首先要检查接口是否写对了 2.检查对应Request URL的值传对了嘛 3.还有就是看请求是 post 还是get 最后我们还是一定要细心再细心，程序就是但凡你错一个字母都不会执行 ......
vue前端页面传JSON数组到后台报400错误问题解决
qq_40529904的博客
09-10 3565
前段时间写的项目中写到了前端页面传json数组到后台的一个功能，一开始本来是好的，后来过了段时间别的地方也要写这个功能，就照着之前写的，没想到这次报了400的错误。 前端用的vue+elementui，后台是springboot 之前我的后台是这样接收前台传过来的数组的 public R<Integer> saveMoneyHistoryList(@RequestParam(value = "moneyHistoryList[]") String[] moneyHistoryList ,Stri
详解vue 模拟后台数据（加载本地json文件）调试
10-19
本篇文章主要介绍了详解vue 模拟后台数据（加载本地json文件）调试，具有一定的参考价值，有兴趣的可以了解一下
Vue导出json数据到Excel电子表格的示例
10-18
本篇主要介绍了Vue导出json数据到Excel电子表格的示例，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
笔记：前台使用vue的ajax传递json数组数据到后台(后台的解析办法使用@RequestBody)
编程学习者的博客
11-23 8499
1.前言 由于本人在使用vue.js访问后台的时候，传递json数组数据到后台，意外的出现了不能解析的错误，使用BeanUtils不能设置集合的问题的解决办法！因此记录下来！ 2.想要解析vue的ajax的post请求的方法 需要在请求的方法参数上添加@RequestBody Map<String, String> params Map<String, String>...
JSONObject，空指针报错异常
weixin_53989681的博客
12-13 518
这个代码会导致空指针报错，将其中的一行改为 beanJson.put("organizeAddress", bean.getOrganizeAddress());中时，它会抛出一个空指针异常（NullPointerException）。你的问题涉及到Java代码中的空指针异常。让我们来分析一下可能的原因。方法，而没有尝试对其进行任何处理。因此，不会抛出空指针异常。，你可以选择跳过该键值对，或者将其设置为默认值。在这个修改后的代码中，我添加了一个条件检查来确保。为了解决这个问题，你可以在将。
解决vue3.0路由*匹配404报错
-
10-27 1万+
vue3.0, 路由配置404页面方式调整 1. history version 以下这段代码放在router的最下方，用于匹配地址栏映射不到路由地址的情况 { path: '*', name: '404', component: () => import('@/view/404') } 2. newest version 继续用上述方式会导致控制台报错 路由写法不兼容的问题导致的，调整至如下，问题解决 { path: '/404', name: '404',
vue打包之后更改配置的json文件无效
pink_cz的博客
08-16 2861
在project.config.json里面更改配置后不生效，具体原因还没有找到。然后把这个js文件引入到public/index.html下。在项目中就可以直接使用window.api进行使用。把json文件换成js文件。这是目前我找到的办法…...
java 后台返回JSON数据 前端显示显示404 or 500
u014027188的博客
08-03 6156
举例： 1)后端返回JSON数据： Map map = salesysActivityService.getSalesysActivityByPage(keys, pageSize, pageIndex, 1); return JSONObject.fromObject(map); 2）map中带有空值：null 例如：   map中包含一个HttpSalesysActivity对
vue报错解决：mock.js请求数据报错404
小张与BUG
09-27 1万+
mock.js请求数据报错404
vue框架下部署上线后刷新报404问题解决方案
程序工厂
06-20 5585
Apache配置 <IfModule mod_rewrite.c> RewriteEngine On RewriteBase / RewriteRule ^index\.html$ - [L] RewriteCond %{REQUEST_FILENAME} !-f RewriteCond %{REQUEST_FILENAME} !-d RewriteRule...
vue遍历json数据
最新发布
05-10
在Vue中遍历JSON数据可以使用v-for指令，其语法如下： ``` <template> <ul> <li v-for="(item, index) in json" :key="index"> {{ item.name }} </li> </ul> </template> <script> export default { data() { return { json: [ { name: 'John', age: 20 }, { name: 'Jack', age: 25 }, { name: 'Lucy', age: 18 } ] } } } </script> ``` 其中，v-for指令的参数包括(item, index) in json，表示遍历json数组中的每个元素，item表示数组元素，index表示元素在数组中的索引。在模板中可以通过{{ item.name }}获取元素属性。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值