問題描述

ionic2項目從Localhost向遠程服務(wù)器提交Post請求，在真機中可以返回正確的數(shù)據(jù),但是在Chrome中遇到了跨域的問題，查了些資料，配置了一下服務(wù)端的Access-Control-Allow，但是沒效果，誰能看一下嗎，下面是報錯和代碼。

問題解答

這個坑我也遇到過，整個過程我都寫在我的博客里了：http://www.haoguangbo.com/arc...

簡單來說，因為真機里網(wǎng)頁的訪問走的是file://協(xié)議，而非http://或https://，因此不會出現(xiàn)跨域問題，但是瀏覽器里開發(fā)調(diào)試的時候，由于實際上是ionic的CLI在本地跑了一個小服務(wù)器，網(wǎng)頁等資源都是通過http加載的，就會出現(xiàn)跨域問題。解決這個其實很簡單，后端服務(wù)器不需要做任何處理，只需要在ionic的配置文件（ionic.config.js）里加上proxy這個字段，如下所示：

{ 'name': 'appname', 'email': '', 'app_id': '', 'proxies': [ { 'path': '/api', 'proxyUrl': 'https://api.instagram.com/api' } ]}

然后，在想訪問https://api.instagram.com/api/xxx的時候，就改成訪問/api/xxx，ionic會自動把以http://localhost:8000/api開頭的請求都轉(zhuǎn)發(fā)到https://api.instagram.com/api，就像shadowsocks一樣。最后重新ionic serve重啟一下ionic就可以了。這個問題，ionic團隊真應(yīng)該寫到官方文檔里，實在是坑了太多的人了。希望能幫到題主。

angular設(shè)置了CROS沒有?

$httpProvider.defaults.withCredentials = true;