javascript - 前后端分離后你們是如何解決跨域問題的

問題描述

聯調接口 后臺完全不管 目前準備用jsonp來做跨域 想問各位有沒有什么更好的解決方法

問題解答

后臺設置response.setHeader('Access-Control-Allow-Origin', '*');即可也可以在nginx端配置來解決。jsonp并不是一種特別好的辦法，它對傳輸的數據有大小限制。

CORS。。。。

CORS。既然是前后端分析，后臺設置一下header就行

本次起個node服務器轉發請求

不建議使用jsonp跨域，這個古老的方法雖然兼容性好，但局限性大，而且有XSS的風險。 比較完全的前后端分離，當然就是前端人員管理web服務器，當然這對前端人員的要求就比較高了。

如果只是為了調接口，還是自己搞個本地的測試服務器比較好，就是作為頁面的靜態服務器，方便調頁面，并且能實現請求的轉發，請求到數據。 可以自己用express撘，也可以用browsersync+gulp或webpack+熱重載服務器這些現成的。

我用的是browsersync，配置很方便，可以參考這個。

有個chrome插件，它做的事情就是 response.setHeader('Access-Control-Allow-Origin', '*') ，開啟即可。

加nginx

WebSocket不受跨域限制，傳送任何數據都可以，包括jsonp。

話說這個不應該是還沒開發的時候就定下來嗎？到聯調才確定jsonp，還是cors，是不是有點晚啦

不要jsonp，實在太不方便了