我的问题是这样的:
postman能调通接口
通过浏览器地址栏直接输入接口也可以请求成功
使用原生ajax请求地址也可以调通接口
使用vue-cli搭建的项目,并且使用代理请求接口就会报500,并且接口返回的报错信息很奇怪

以下是请求接口时报错的样子:
1.
a428033b11f877d9bafaa60cbb86ef4.png

2.
714f9b76aa3c16ef30869eb35d53eb9.png

3.
024f978a5400b31f64475f15b541e23.png

这里能看出什么问题吗,我排查了半天还是没找到什么问题!!!
这里我一直认为是后端的问题,因为请求报了500。
然后我就去查500的报错可能,我尝试了很多种可能:

让后端查问题
是否跨域
请求头设置是否正确
请求响应是否正确
代理地址是否正确
代理地址的端口是否正确
代理的配置是否正确

最后发现了问题所在
77a78144530f8bbed7995bbaaf46aaa.png
就是这个黄色的框框导致的!导致了代理地址不正确!真的很细,我原本没有去在意这个问题,后来是同事强迫症找到了问题。
621e7782d1c57d84ae65789c00903dd.png
这个黄色框框的编码是JavaScript 字符串中删除零宽度空格字符
我是从这篇文章找到的https://segmentfault.com/q/1010000043006844

真的是太细了...以后一定要注意编辑器里面的异常颜色,它可能就会导致你的项目报错。

其实还是没注意看报错信息,不然会比较快的找到问题所在,关键的报错信息就是这个:request path contains unescaped chracters----(请求路径包含未跳过的字符)


会说话的树
41 声望0 粉丝