vue中proxy代理的理解
今天開發的時候 意外發現對vue的代理有了新的理解，以前都是很模糊的狀態，先看圖吧。
1、proxy裏面是個大對象，如果有多個代理，直接在後面加子對象，實際開發中可能不止接口代理還有圖片上傳下載代理。
2、整個代理流程如何？
①首先得知道什麼是代理，爲什麼需要代理？
代理：顧名思義就是代替別人做某事，到開發中也是這樣，因爲本地開發時基於node服務器進行開發，是不能直接請求後端的接口，一旦直接請求會報跨域錯誤，（不信可以試試把url直接寫成後端地址，這時就會報錯）如果這樣的話，那如果知道後端地址，任何一臺電腦都可訪問了，所以處於各種考慮，禁止本地直接發起請求，必須要讓中間一個人代替你去完成，這時候就誕生了代理。
②流程：
‘/api’：他是指遇到這個字符開頭的話，在這個字符前面加上target裏面的ip或者域名。
比如：/api，前的localhost：9999變成target的內容
完整的路徑變成了http:xxx/xxx/api/manager/manager
但是有個問題，實際接口當中沒有這個api，所以下面的pathwrite重寫就解決這個問題的。他識別到api開頭就會把/api重寫成空，那就是不存在這個/apil了，完整的路徑又變成：http:xxx/xxx/manager/manager
這裏有個小小的問題（如圖）：實際開發中我們會發現有的人target域名後攜帶/，然後重寫的時候也會有個/,按照上述轉換的話就會多出斜槓，首先這個理解沒錯的，但實際上vue的代理中間件會自動處理成合規合法的地址，所以加不加都行。
鑑於文字太麻煩，我把流程寫在圖上吧
轉自：https://blog.csdn.net/X_W123/article/details/120369610