vue项目踩坑1-E2%80%8B

最新推荐文章于 2024-08-13 14:51:21 发布
转载 最新推荐文章于 2024-08-13 14:51:21 发布 · 1.1k 阅读 · 0 ·
CC 4.0 BY-SA版权
原文链接：https://zhuanlan.zhihu.com/p/113827793

在Vue项目中调接口时遇到E2%80%8B报错，原因是复制源里文字带有无宽度的空白url编码。解决办法一是在请求拦截器中处理，二是直接重新手打接口路径。

vue项目踩坑1-E2%80%8B

调接口的时候遇到上图E2%80%8B报错,是因为复制源里面的文字带了空白url编码,空白编码没有宽度

解决方法在请求拦截器中

//先把config.url进行URI编码，然后全局替换其中的特殊字符，然后再URI解码
config.url = decodeURI(encodeURI(config.url).replace(/%E2%80%8B/g, ""));
  return config;

 

还可以直接把接口路径重新手打一下

EasoneasyChan
关注
VuePress、VuePress-theme-hope 搭建个人博客 1【快速上手】 —— 防止踩坑篇
qq_53895518的博客
12-27 2163
vuePress官网地址 👉。
Vue - 详细介绍 vue-monoplasty-slide-verify & vue3-puzzle-vcode 滑动验证组件
最新发布
miaomiaowins的博客
08-20 3486
本篇详细介绍了vue-monoplasty-slide-verify和vue3-puzzle-vcode两种滑动验证组件在Vue2和Vue3中的实际运用，对于实际项目中可以通过搭配其他UI组件库如Element - UI 的弹窗效果更佳。
swagger UI ：%E2%80%8B
Crazy_GirlLL的博客
02-10 668
%E2%80%8B区百度解码，看不到什么，空格也没有，但是链接里就有这个，这个地址我是复制得swagger UI里面得链接，所以，可能是有东西，所以很多东西还是要手敲，才不会有问题
​https网址放在浏览器上访问，​https后面的冒号:消失不见，并且访问失败
log103628的博客
05-23 2595
由于地址前面多了一个看不见的符号%E2%80%8B，这个特殊符号叫Zero-width-space(零宽空格)，它是一个Unicode字符，肉眼不可见，却是确实存在的一个字符。使用encodeURI编码可以发现 从swagger文档复制，字符就可能存在%E2%80%8B，可以把地址前面的http://拼接上baidu.com放浏览器搜索，查看请求内容可以看到 把路径放到文本编辑器中，在光标...
什么是"零宽空格"？
bisal的专栏
02-15 1803
同事问了个问题，从邮件正文中粘出来的URL，复制到任何的浏览器中，回车都会报404的错，和原始的URL对比，发现URL结尾多了一串特殊的字符，%E2%80%8B相当于这串字符接着原始URL，自然就导致出错。研究一下，原来这串字符，有个名字叫Zero-width space，简称ZWSP，翻译过来就是"零宽空格"，它是一种不可打印的Unicode字符，就是一般情况 肉眼不可见，但是当它变成URL的一...
Python字符错误，一个特殊的字符？（%E2%80%8B）
wly
02-18 1万+
Left​​​​​​​​​​Right 把上面的两个单词拷贝下来，粘贴到一个文本编辑器中，比如txt文件。尝试在字符串中移动光标，会发现在t和R之间要移动3次才能移动过去，也就是说，其实那儿有一个特殊的字符，它没有宽度，让人误以为是什么也没有，但是如果编码一下会发现确实是有东西的： encodeURI()：%E2%80%8B感觉能弄来做点有意思的事。
%E2%80%8B是什么字符
热门推荐
风烟
05-24 1万+
问题背景 今天测试发现一个很奇怪的问题，云端返回的图片链接看起来没有任何问题，但是在网页中打开的时候就是报错，找不到这个图片。 结果按住command键，鼠标点击这个URL，发现这个URL后面带了%E2%80%8B这个字符，导致图片找不到。 在返回数据的时候移动光标是可以发现这个字符的。 原因 经调查这个特殊字符叫 Zero-width space，简称 ZWSP，中文名 零宽空格；它是一种不可打印的Unicode字符，就是说一般情况 肉眼看不见 ，但是当它变成URL的一部分，就会变成 %E2%80%8E
精选资源
vue踩坑记-在项目中安装依赖模块npm install报错
01-19
在维护别人的项目的时候，在项目文件夹中安装npm install模块的时候，报错如下： npm ERR! path D:\ShopApp\node_modules\fsevents\node_modules\abbrev npm ERR! code ENOENT npm ERR! errno -4058 npm ERR! ...
使用 Vue3-Ace-Editor 在 Vue3 项目中集成代码编辑器
bighead的博客
08-13 4457
首先，我们需要安装 组件。可以通过 npm 或 yarn 安装它。 安装完成后，Ace Editor 还需要相关的语言包和主题包。可以根据项目需求选择安装。 二、在 Vue 组件中引入和使用 接下来，我们将在一个 Vue 组件中使用 。首先，引入并注册组件。 在上述代码中，我们完成了 的基本配置和使用： 2. 设置编辑器的内容，并可以选择是否将光标移动到新内容的末尾。 可选，设置为 时，光标移动到文本末尾。 3. 获取当前编辑器的内容。 4. 使编辑器获得焦点。 5. cl
基于vue-cli vue-router搭建底部导航栏移动前端项目
01-21
vue.js学习 踩坑第一步 1.首先安装vue-cli脚手架 不多赘述，主要参考 Vue 爬坑之路（一）—— 使用 vue-cli 搭建项目   2.项目呈现效果 项目呈现网址：www.zhoupeng520.cn/index.html  项目中主要用了Flex布局，...
调用后台API的时候出现的一个奇怪字符%E2%80%8B
笑笑Lucky的博客
05-28 2454
调用后台API的时候出现的一个奇怪字符%E2%80%8B 在调用后台API的URL地址上， /api/user/1 类似这样的地址，但是到了浏览器编译后发现斜杠之间有 %E2%80%8B这样的字符导致了调用接口出现404 的错误，这个在用光标移动的时候会明显发现到了特殊字符的地方是无法移动的而且无法显示在屏幕上，这时候只要按拖一下删除键就可以删除这样奇怪的字符了 ...
记一个神k，请求地址中加了一堆字符（%E2%80%8B）
ddx2019的博客
11-19 6211
一、解决办法 把你的接口地址重新敲一遍 二、唠嗑唠嗑 %E2%80%8B 这兄弟有一个艺名，Zero-width space，简称 ZWSP，中文名 零宽空格；学习之路任重而道远啊。 这是我复制的
%E2%80%8B，url 多了一个空格，出现特殊的字符%E2%80%8B
imkaifan的博客
12-02 2516
%E2%80%8B，url 多了一个空格，出现特殊的字符%E2%80%8B
前端vue请求接口显示或URL显示 E2%80%8B 问题记录
亓筱晨博客
04-25 6177
当调接口的时候或者window.location.href跳转时候遇到 E2%80%8B 导致报错显示不正常。 %E2%80%8B是个什么特殊字符呢？ 通过页面源码可以看到它就是​这个字符叫做Zero Width Space，中文称为零宽空白、零宽度空白字符（十六进制：​，十进制：​）。就是不占用任何宽度的空白字符，像个幽灵样的存在。在主流文本编辑器包括词本中均没有任何显示效果，但复制拷贝会带上零宽空白。不过不可见也不可打印。 解决方案：
Http请求api时路径中多了%E2%80%8B字符
qq_40896145的博客
08-13 3933
Http请求api时路径中多了%E2%80%8B字符 原因 从Swagger文档中中复制里面的解耦路径带了空白url编码（空白编码没有宽度） 解决办法 方法一：手动输入地址 方法二：使用replace(/%E2%80%8B/g, “”)替换掉多余字符 ...
调用后台接口的时候，地址出现了%E2%80%8B这样的字符导致404报错
qq_44447607的博客
08-24 763
写小程序的时候接口调用404，接口地址出现了奇怪的字符%E2%80%8B，最开始以为是某些关键词无法显示，反复测试之后发现和接口命名无关，这个在用光标移动的时候会明显发现到了特殊字符的地方是无法移动的而且无法显示在屏幕上，删除掉斜杠再重新输入就可以了。
替换URL中的特殊字符（%E2%80%8B）
Sunshine_Jian的博客
04-11 6947
一、场景： 在复制后端接口文档的时候,调用时直接报404错误，查看请求的时候，发现有特殊字符出现， 经排查url，发现其中有特殊字符，且肉眼无法识别。 具体表现：鼠标光标在慢慢向后移动时，会在特殊字符那里停顿一下； 错误示例：​/api​/menu​/goodsList​/ 二、解决办法： 1、delete 找到特殊字符的位置，直接删除； 2、将 特殊字符 替换 为 ‘’ // 请求拦截器 axios.interceptors.request.use( config => {
键盘粘贴的时候会自动加空格 %E2%80%8B
codehxy的专栏
05-21 2947
现象 现象1、win7系统今天用键盘复制粘贴的时候会自动加空格。就是我先ctrl+c复制一段话，然后ctrl+v粘贴，这样粘贴的时候会自动加上一个空格。现象2、复制一个网址粘贴的时候自动加上 %E2%80%8B这这这严重影响了我的工作啊，编程可是一个标点符号都不能错的。 探索 百度谷歌看了下没有找到解决方案。我想以前一直这样复制粘贴没问题啊，怎么突然这样子呢？尝试直接用鼠标右键复制粘贴正常。那我怀疑就是键盘的问题，换了一个键盘，问题依然存在，那说明不是键盘的问题啊。键盘没问题、但是用键盘复制有问题，那就说明
问题记录 前端vue请求接口显示 E2%80%8B
tian_37的博客
11-13 795
前端vue请求接口显示 E2%80%8B
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值