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

前端发送请求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")

版权声明:本文为qq_35836269原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。