Tomcat下前端使用vue-resource向后台servlet发送数据中文乱码

最新推荐文章于 2024-06-05 15:28:01 发布
最新推荐文章于 2024-06-05 15:28:01 发布
阅读量4.8k 收藏
点赞数 1
分类专栏： 错误解决方案 文章标签： servlet tomcat ajax vue-resour
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_37589327/article/details/72629652
版权
本文描述了在使用Vue-resource向后台Servlet发送包含中文数据的POST请求时遇到的乱码问题。问题源于请求参数错误地放置在params而非data属性中，导致数据以URL形式附在请求头上，而非请求体中。尽管通过修改Tomcat的server.xml可以临时解决，但重启会还原。正确的解决方案是将参数放入data属性，确保中文数据作为POST请求体正确发送。
摘要由CSDN通过智能技术生成

1. 问题描述 　　

　　由于当前在尝试使用vue.js捣鼓自己的一些小应用，为了vue的纯洁性，使用了vue-resource替代Jquery Ajax向后台servlet发送异步请求，平时一直用ajax的时候好好的，结果这下使用vue-resource竟然出现了请求参数中文乱码的情况。

2. 问题分析

  1. html页面设置了<meta charset="utf-8">
  2. 发送的是post请求
  3. servlet过滤器配置了setCharacerEncoding(“utf-8”)
  4. firebug下查看请求头信息发现明明是post请求，却把参数拼接在请求头状态行的url后面(但是实际上地址栏url后面并没有出现参数)

3. 解决

　　上面条件全部满足，但是中文仍然是乱码（不是问号）
　　这里写图片描述
后来得到一个解决方案是去配置Tomcat目录下/conf/server.

最低0.47元/天 解锁文章
ZeaLot4J
关注
专栏目录
java 接受导入文件,上传EXCEL文件到后端，导入并解析EXCEL的前后端实现（Vue.js + java后端）-Go语言中文社区...
weixin_39669638的博客
03-20 1466
vue.js前端，Java后端，如何导入excel文件，并且解析，本文给了前后端代码的实现，以及完美实践OK之后的分享。前端主要用了element-ui的upload组件。1.VUE前端democlass="upload-demo"ref="upload":action="uploadUrl()":data="uploadData"name="excelFile":on-preview="hand...
关于web前端发送的包含汉字的信息在后台servlet中乱码问题解决
luoshen87的博客
07-23 367
只需要在dopost或doget方法中添加如下语句即可 request.setCharacterEncoding("UTF-8"); 如： protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
vue-resource发送post中文编码问题
ymy111的博客
05-13 1185
vue-resource发送post中文编码问题 以前 后台加上 Response.Charset=“GB2312” ，前端用escape(“中文”) 接可以解决 后来用vue-resource.min.js 发送数据，一直出错。 查了不少资料，后来 前端用encodeURI(encodeURI(“中文”)) 后端用Response.Charset=“GB2312” 和UTF2GB(requ...
两分钟vscode解决编写vue项目中文乱码
m0_67227361的博客
12-26 1619
搞HNUST计网课设看好像可以使用vscode写，故上网搜索c/c++环境的配置，然后导致后续不仅环境没配好，项目也直接乱码，心态爆炸，但是你要说他乱码了吧，有几个没乱，你要说他没乱码吧，有几个页面乱了
踩坑指南——前端处理vue项目在页面上点击下载文件名乱码问题
weixin_47447250的博客
08-25 3298
遇到的问题：在网页中点击链接下载下来的文件名字不是原本的文件名，打开文件后内容正常的。之前在网站上也参考过很多其他博主的解决方案，试了好几种都没效果 上代码：页面上的片段 由于使用el-link直接下载，再点击下载时会出现闪屏的情况，所以就绑定了一个事件来解决这个问题 <el-table-column prop="url" header-align="center" label="附件" :show-overflow-tooltip="true"> &
VueSPA（项目登陆前后台实现）
weixin_45067120的博客
05-10 3万+
（一路踩坑的博主）：一定要细心不然BUG会让你活活气死 SPA项目流程1.vue+elementUI完成注册及登陆2. Vue+ElementUI设计登陆页面3. 后台交互(axios/qs/vue-axios)4.后台实现流程：后台util工具类提供： 1.vue+elementUI完成注册及登陆 1.1. vue怎么引入和配置使用element-ui框架 1.1.1 使用vue-cli脚手架工具创建一个vue项目 vue init webpack pro01 1.1.2 npm安装elementUI c
JavaEE - Tomcat和HTTP协议
旧时言的博客
06-06 1万+
HTTP (全称为 “超文本传输协议”) 是一种应用非常广泛的 应用层协议.HTTP 诞生与1991年. 目前已经发展为最主流使用的一种应用层协议.最新的 HTTP 3 版本也正在完善中, 目前 Google / Facebook 等公司的产品已经支持了.HTTP 往往是基于传输层的 TCP 协议实现的. (HTTP1.0, HTTP1.1, HTTP2.0 均为TCP, HTTP3 基于 UDP实现)目前我们主要使用的还是 HTTP1.1 和 HTTP2.0 . 当前课堂上讨论的 HTTP 以 1.1 版
Tomcat完整笔记
weixin_40212405的博客
10-12 907
1. Tomcat的安装和配置环境变量 安装 到官网下载需要的Tomcat版本的压缩包即可 注意：Tomcat 9 对应的JRE必须>=JRE 8；Tomcat 8 7同理 然后解压到指定的文件夹；目录名为：“apache-tomcat-[version]” （WINDOWS和Linux）一样的效果 配置环境变量 配置JRE环境变量，变量名为：CATALINA_HOME（required)和...
vue的axios访问后台获取不了参数和中文乱码设置
遨游大海
09-29 1万+
/** * 获取所有路口数据 */ function A() { return axios.post(contextPath+"/book/getList"); } //获取协调路径中每个信号机的特征参数 function B(acsIdList) { return axios.post(contextPath+"/user/getUserById",{ ...
彻底解决Tomcat中文乱码问题
qq_39498829的博客
09-23 482
1、打开apache-tomcat-9.0.14-windows-x64/conf/logging.properties 2、添加语句：java.util.logging.ConsoleHandler.encoding = GBK 3、重启tomcat，查看日志数据即可
访问vue乱码解决
最新发布
visual_lulu的博客
06-05 663
可以看到chunk-vendors.xxxx.js出现了中文乱码，这个js文件是vue build生成的，打开来看，实际是没有乱码的。在index.html中修改，在引用js的地方加上 type="text/javascript" charset="UTF-8"前端可以正常访问了，但是右键检查页面title的地方还是中文乱码，虽然用户不可见，但是还是不够完善。后端mvn install 生成war包，前端dist放进war包。在springboot工程里，配置中加上。页面访问白屏 报错如图。
学习Vue（14）——使用vue-resource发送请求
二木成林
01-18 694
介绍 vue-resource是vue.js的一款插件，通过XMLHttpRequest或JSONP发起请求并处理响应. vue-resource是vue 1推荐使用的，而axios是vue 2.0 推荐使用的，其实两个都可以向后端发送请求，获取响应。 安装 由于vue-resource.js是vue的一段插件，所以需要安装。 安装到本地请参考：https://blog.csdn.net...
vue 学习笔记day10 vue-resource 和java 后端交互
weixin_39209728的博客
02-29 319
一 vue 交互 1》jquery =>$ajax 2》js原生 :es6=>axios 3>》vue的resource get this.$http.get() this.$http.get("http://localhost:8080/MyBlogSys/test/run", { ...
SpringMVC表单提交中文参数后乱码解决方案
峰子的博客
08-09 945
情况描述：在表单提交“中国”字符串以后，后台获取该参数时打印出来是乱码 解决方案： 1、首先将表单提交方式改为post，因为get方式对接下来的过滤器不会生效。 2、在web.xml中添加以下编码过滤代码就行了 &lt;!-- 配置请求过滤器，编码格式设为UTF-8，避免中文乱码--&gt; &lt;filter&gt; &lt;filter-name&gt;springUtf8...
vue 数据传递方式
千里之行，始于足下！
03-20 427
【代码】vue 数据传递方式。
vue 请求后台数据
热门推荐
Vergilgeek的博客
04-02 8万+
需要引用vue-resource安装请参考https://github.com/pagekit/vue-resource官方文档在入口函数中加入import VueResource from 'vue-resource' Vue.use(VueResource);在package.json文件中加入 "dependencies": { "vue": "^2.2.6", "vue-re
vue-axios与Servlet前后端连接，进行数据交互
pgycjh的博客
07-14 2772
在vue文件中引入axios，也可以在main.js中引入。后端servlet登录接口代码。
《VUE前端查询数据页面乱码》问题解决及思考总结
jiban5678的博客
11-11 3878
其实如果数据库配置好了这个my.cnf文件(附配置好的数据库编码图)，连接的时候就不用配参数什么的了。ps:因为我是做项目时遇到的问题，在这里分享总结一下经验，敏感信息打码的请大拿们多多包涵。首先来到虚拟机，登录到命令行看一下数据库字符编码，是正常的。接着idea更换一下新建的库名字，重新部署一下代码，看效果。我的处理方式是重新建了一个数据库，重新导了一下数据。可以看到数据是有乱码的，说明问题出在了数据层面。如果数据库显示正常，判断是前端还是后端出了问题“再次执行查询，核对数据是否正常。
vue-resource使用Promise取数据完全解析
本文主要介绍了Vue.js插件vue-resource的使用，特别是如何通过Promise来获取数据。vue-resource提供了一种简洁的方式来发起HTTP请求，如GET、POST等，同时也支持JSONP，使得它在很多场景下能够替代jQuery的$.ajax...
评论 4
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值