回顧下跨域解決方案httpmiddleware

我們在React（或Vue）項目本地開發過程中很容易由前端自己解決跨域問題，這裏面就用到的是插件 http-proxy-middleware ，它並不是webpack獨享的插件，而是壹個通用插件，它對 http-proxy 進行了壹層封裝，更加方便我們使用。

之前剛接觸webpack的時候寫過壹個webpack反向代理proxyTable設置

前幾天有個測試同事找我解決她的跑的本地項目測試公司項目時，出現跨域的情況，因為前端項目不是spa項目，沒有webpack之類的，所以就準備參照 http-proxy-middleware 來實現。

我們看看 http-proxy-middleware 的源碼，目前它的最新版本是2.0.6，貌似2.x版本和1.x版本導出的方法有所不同

先看看npm官網的示例介紹

所以核心 createProxyMiddleware 方法，我們繼續看

繼續看這個 middleware 是怎麽實現的。

終於找到核心實現 middleware 了，滿足 this.shouldProxy 的就會利用 this.proxy.web 進行代理了，所以我們如果熟悉 http-proxy 的配置的，我們可以直接跳過 http-proxy-middleware 來使用 http-proxy ，但是好像也沒這個必要吧。。。

上一篇:如圖，到官網下載maven，但不知道這些文件有什麽區別，應該下哪個？

下一篇:VB如何建立報表