TypeError: Failed to execute‘setRequestHeader‘ on ‘XMLHttpReguest‘: string contains non Is0-8859-1

原创 已于 2023-08-16 16:28:13 修改 · 404 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#javascript

于 2023-08-16 16:26:12 首次发布
文章讲述了在使用Vue3和vue-router跳转页面时，遇到`setRequestHeader`方法执行错误的问题，原因是跳转参数中含有中文字符，导致不符合ISO-8859-1标准。解决办法是确保参数正确编码。

vue3 vue-router 跳转页面，跳转后的页面在onMounted中调用接口请求数据，报 TypeError: Failed to execute'setRequestHeader' on 'XMLHttpReguest': string contains non Is0-8859-1 错误，手动刷新页面又没问题，网上搜索资料说是“接口请求的headers参数里有不符合 ISO-8859-1 标准的字符，所以导致设置接口headers参数的setRequestHeader方法失效，然后报错。”

排查发现是上个页面跳转参数带了中文

 

 

supming1
关注
vue3 - 详解报错TypeError: Failed to execute ‘insertBefore‘ on ‘Node‘: parameter 1 is not of type ‘Node‘.
高级前端工程师
07-27 1万+
vue3，nuxt3，vite，报错，TypeError: Failed to execute ‘insertBefore‘ on ‘Node‘: parameter 1 is not of type 'Node'.，节点报错，vue3 insertBefore，打包，运行，编译，dom元素，渲染，路由router，组件components，vue3生产环境跳转路由报错，浏览器控制台报错，百度地图使用报错，报错爆红，vue项目报错，插入节点insertBefore()报错，vue3 用global.prod
vue2/3 - 微前端qiankun报错Error in event handler for “updatePopper“: “TypeError: Failed to execute ‘get‘“
高级前端工程师
07-17 2649
vue2，vue3，nuxt.js，qiankun，微前端，乾坤，vue 微前端，vue qiankun报错，Error in event handler for "updatePopper": "TypeError: Failed to execute 'getComputedStyle' on 'Window': parameter 1 is not of type 'Element'."，主应用的appendChid也会被重写了，这个咋办，关闭沙箱，详细解决办法，还是不行，关闭了，升级，更新，依旧报错
XMLHTTP中setRequestHeader参数问题
10-18
ajax 请求头部设置 XMLHTTP中setRequestHeader参数问题
解决：Failed to execute ‘setRequestHeader‘ on ‘XMLHttpRequest‘: String contains non ISO-8859-1 c
qq_46940224的博客
10-24 1777
解决：Failed to execute ‘setRequestHeader‘ on ‘XMLHttpRequest‘: String contains non ISO-8859-1 c
Failed to execute ‘setRequestHeader‘ on ‘XMLHttpRequest‘: String contains non ISO-8859-1 code point.
码农键盘上的梦
02-01 5246
未捕获（承诺中）TypeError:未能对“XMLHttpRequest”执行“setRequestHeader”：字符串包含非ISO-8859-1代码点。要解决问题就要对中文字符进行编码，到后台里再进行解码接收处理。在前端页面发送request请求到后台时，请求头即。
项目页面报错：Failed to execute ‘setRequestHeader‘ on ‘XMLHttpRequest‘: String contains non ISO-8859-1 c
qq_46940224的博客
10-21 4383
项目页面报错：Failed to execute ‘setRequestHeader‘ on ‘XMLHttpRequest‘: String contains non ISO-8859-1 c
前端报：TypeError: Failed to execute ‘setRequestHeader‘ on ‘XMLHttpRequest‘: Value is not a valid By
weixin_43273689的博客
06-02 1763
遇到了一个问题。前端请求头传中文过去会报错。 原因： •请求的头信息中不能出现中文或UTF-8码的字符 解决方法： 将该字段进行编码或者加密，使用Base64进行编码 encodeURI() 这个函数 let headerIn = { headers:{} } const logName = store.getters.userCache.logName const userinfo = `logName=${logName}&userid=${s
vue中怎么解决Uncaught (in promise) TypeError: Failed to execute 'setRequestHeader' on 'XMLHttpRequest': String contains non ISO-8859-1 code point.
06-09
这个错误通常是因为在设置 XMLHttpRequest ...这样就可以避免出现 Uncaught (in promise) TypeError: Failed to execute 'setRequestHeader' on 'XMLHttpRequest': String contains non ISO-8859-1 code point 错误了。
TypeError: Failed to execute ‘fetch‘ on ‘Window‘: Request with GET/HEAD method cannot have body
qq_34287953的博客
03-25 2999
TypeError: Failed to execute 'fetch' on 'Window': Request with GET/HEAD method cannot have body swagger 报错： TypeError: Failed to execute 'fetch' on 'Window': Request with GET/HEAD method cannot have body. 分析： 1、看请求方法是不是GET方法，确使用了@requestBody 接受参数..
(in promise) TypeError: Failed to execute ‘close‘ on ‘SerialPort‘: Cannot cancel a locked stream
我好菜啊
11-11 2415
(in promise) TypeError: Failed to execute ‘close’ on ‘SerialPort’: Cannot cancel a locked stream报错。
TypeError: Failed to execute setRequestHeader on XMLHttpRequest : String contains non ISO-8859-1
m0_59519985的博客
02-23 597
其次查看ajax中前端代码是否正确，因为需要根据JwtAuthenticationTokenFilter的格式。最后查看后端与token加密的有关代码。首先查看给定的token是否正确。
Uncaught (in promise) TypeError: Failed to execute ‘setRequestHeader‘ on ‘XMLHttpRequest‘: String co
liujingfei1的博客
04-14 7102
问题：axios设置headers时，报错Uncaught (in promise) TypeError: Failed to execute 'setRequestHeader' on 'XMLHttpRequest': String contains non ISO-8859-1 code point. 原因是header中，不能使用中文 解决：对参数值进行编码 // 编码 encodeURIComponent(str) // 解码 decodeURIComponent...
ajax中Uncaught (in promise) TypeError: Failed to execute ‘setRequestHeader‘ on ‘XMLHttpRequest‘: Stri
code^_^熊的博客
01-09 4010
错误: 原因之一: 在AJAX前端代码中在 请求头(headers)里面设置了自定义的参数，服务器中接收功能的代码部分中的请求方式没有设置为all，而是设置成了get 或者 post
Failed to execute ‘setRequestHeader‘ on ‘XMLHttpRequest
没落的博客
03-31 2285
Failed to execute 'setRequestHeader' on 'XMLHttpRequest
Failed to execute ‘setRequestHeader’ on ‘XMLHttpRequest’: Value is not a valid ByteString.报错
q879936814的博客
12-21 1500
前端使用axios请求拦截，并设置请求头信息时，报错Failed to execute ‘setRequestHeader’ on ‘XMLHttpRequest’: Value is not a valid ByteString. ajax请求发生错误（axios也有可能），主要是在头设置中携带了中文。。尽量用英文，如果必须中文，那就需要和后端沟通，使用encodeURIComponent(‘前端彭于晏’)传参 ...
Request请求：Failed to execute ‘setRequestHeader‘ on ‘XMLHttpRequest‘: String contains non ISO-8859-1 c
热门推荐
聆听
03-29 1万+
一、问题如下： 　　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、问题分析：.
Failed to execute ‘setRequestHeader‘ on ‘XMLHttpRequest‘ 报错处理
Keep_Slience的博客
01-27 9835
在工作过程中出现了这个错误 Failed to execute ‘setRequestHeader’ on ‘XMLHttpRequest’ ，结果就是ajax请求无法发送,我们大致翻译下就是请求头里出错导致的， 原因 我以前也没遇到过这个问题，查看资料后才知道是因为请求头里面放了中文导致的。 解决方式 但是我们真的必须把中文传给后端的话，可以使用 encodeURIComponent()` 来编译中文字符，然后后端接受到数据解码就可以了。 ...
Failed to execute ‘setRequestHeader‘ on ‘XMLHttpRequest‘: String contains non ISO-8859-1 code point
wzp20092009的博客
02-23 6935
接口请求的headers参数里有不符合标准的字符，所以导致设置接口headers参数的方法失效，然后报错Failed to execute 'setRequestHeader' on 'XMLHttpRequest': String contains non ISO-8859-1 code point.
history.js:37 获取历史记录失败: TypeError: Failed to execute 'setRequestHeader' on 'XMLHttpRequest': String contains non ISO-8859-1 code point.
最新发布
10-28
出现 `TypeError: Failed to execute 'setRequestHeader' on 'XMLHttpRequest': String contains non ISO-8859-1 code point` 错误，是因为接口请求的 headers 参数里有不符合 ISO - 8859 - 1 标准的字符，导致设置接口 headers 参数的 `setRequestHeader` 方法失效[^3]。以下是一些可能的解决方案： #### 对特殊字符进行编码 在设置请求头之前，对包含特殊字符的字符串进行编码，使其符合 ISO - 8859 - 1 标准。在 JavaScript 中，可以使用 `encodeURIComponent` 函数对字符串进行编码。示例代码如下： ```javascript const specialValue = "包含特殊字符的值"; const encodedValue = encodeURIComponent(specialValue); const xhr = new XMLHttpRequest(); xhr.open('GET', 'your-url'); xhr.setRequestHeader('Your-Header-Name', encodedValue); xhr.send(); ``` #### 检查并修改请求头内容 仔细检查请求头中设置的内容，确保不包含非 ISO - 8859 - 1 字符。如果可能，尽量避免在请求头中使用特殊字符。例如： ```javascript // 错误示例 // const headerValue = "特殊字符😀"; // 正确示例 const headerValue = "普通字符"; const xhr = new XMLHttpRequest(); xhr.open('GET', 'your-url'); xhr.setRequestHeader('Your-Header-Name', headerValue); xhr.send(); ``` #### 使用 Base64 编码 如果无法避免使用特殊字符，可以考虑使用 Base64 编码对字符串进行处理。示例代码如下： ```javascript const specialValue = "包含特殊字符的值"; const base64Value = btoa(specialValue); const xhr = new XMLHttpRequest(); xhr.open('GET', 'your-url'); xhr.setRequestHeader('Your-Header-Name', base64Value); xhr.send(); ``` ###
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值