Stories

Detail Return Return

記錄一個vue代理請求接口報500的問題 - Stories Detail

我的問題是這樣的:
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----(請求路徑包含未跳過的字符)

Add a new Comments

Some HTML is okay.