前端发送请求headers头添加中文报错解决

最新推荐文章于 2024-01-18 11:44:17 发布

Xue 儿

最新推荐文章于 2024-01-18 11:44:17 发布

阅读量2.1k

点赞数

文章标签：前端 javascript vue.js

本文链接：https://blog.csdn.net/qq_35836269/article/details/125355987

版权

前端发送请求headers头添加中文报错解决:String contains non ISO-8859-1 code point.

一、问题如下

1、报错信息

 TypeError: Failed to execute 'setRequestHeader' on 'XMLHttpRequest': String contains non ISO-8859-1 code point.

类型错误:未能在“XMLHttpRequest”上执行“setRequestHeader”:字符串包含非ISO-8859-1代码点。

2、截图如下

在这里插入图片描述

二、问题解决：

1、问题分析：

在前端页面发送request请求到后台时，请求头即header中放入了中文，所以就会出现编码格式问题。

要解决问题就要对中文字符进行编码，到后台里再进行解码接收处理。

2、编码解码：

　　
以下为vue中对中文进行编码解码的方式：
// 编码
encodeURIComponent(str)
// 解码
decodeURIComponent(str)

后台进行接收：

//编码
java.net.URLEncoder.encode(token,"UTF-8")
//解码
java.net.URLDecoder.decode(token,"UTF-8")