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