聊一聊跨域的幾種解決方案

今天我們就來聊聊前端工程中跨域請求數據交互的問題,在以前的項目中,我們可能是通過後端配置用同源策略或是用 jsonp 的形式 去處理前後臺數據交互的問題,看看 阮一峰同學的吧 講的還是很清楚的! https://www.ruanyifeng.com/blog/2016/04/cors.html ,

在工程化項目中,我們用的是用代理的形式處理的。

來先說現在常用的 代理形式解決跨域問題, 第一種 是用node 自己搭一套代理服務器用來和後端交互,服務器與服務器之間不存在跨域問題!剩下的就是瀏覽器和這個代理服務器之間跨域的處理了,可以自己處理代理服務器的跨域,也可以用 http-proxy-middleware 等插件解決開發中跨域、鑑權、圖片防盜鏈問題.

普及一下這個插件的一些日常使用方法,不講解非常基礎api,請搭配官方文檔觀看

先說說這個插件是幹嘛的吧。

The one-liner node.js http-proxy middleware for connect, express and browser-sync

Node.js proxying made simple. Configure proxy middleware with ease for connect, express, browser-sync and many more.

Powered by the popular Nodejitsuhttp-proxy.

我的理解,就是一箇中間件,是http-proxy的封裝,能給express,connect browser-sync等使用。

最常用在什麼地方?

用來跨域的,例如跟webpack-dev-server配合使用是現在最流行的吧,vue react等一些腳手架工具中也已經集成了,所以你配置幾行代碼,就能跨域了。

聊一聊跨域的幾種解決方案


聊一聊跨域的幾種解決方案



分享到:


相關文章: