Request请求：Failed to execute 'setRequestHeader' on 'XMLHttpRequest': String contains non ISO-8859-1 code point.问题解决

一、问题如下：

　　1、报错信息：

Uncaught (in promise) 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")