## 解決本地開發時調用遠程AIP跨域問題 問題情境： 一般開發在本地，使用的是 Wampserver64，一般為了方便都是一個項目開一個虛擬主機，然后設置host，使用域名重定向，用一個“假域名”來開發調試項目，這樣比較方便。 如果調試遠程API時，是會有跨域問題的，那么此時可以使用 jsonp，或者設置遠程web服務器的`Access-Control-Allow-Origin: *`，但是這兩種解決方案都是需要你有遠程web服務器的掌控權才可以。 今天遇到一個問題，別人說他那邊web服務器和接口不好改動。讓我自己本地設置一個nginx的方向代理。 我本地是Apache，不過也是可以配置代理的，配置方法見參考文章。 于是一番倒騰，終于成功了。 其實原理就是：使用反向代理（對用戶不可見，對服務器可見）。 利用反向代理，我們可以將 url/api，代理到 遠程域名上去。 這樣請求 `url/api?a=1` 時，實際上請求的是 `遠程域名?a=1` 簡單的說，我們通過這個代理配置欺騙了服務器，讓它以為我們一直在相同域名下訪問資源（請求API）。 代理配置： ~~~ 文件：httpd-vhosts.conf <VirtualHost *:80> ServerName tang-h5.com DocumentRoot d:/wamp64/www/tang-h5 # 設置允許跨域 參考：http://blog.csdn.net/linxiangyao/article/details/6107617 Header add Access-Control-Allow-Origin * Header add Access-Control-Allow-Headers "Content-Type" # 解決mod_rewrite時pathinfo url參數中不能帶有特殊字符問題 參考：http://www.2cto.com/os/201409/338511.html AllowEncodedSlashes On <Directory "d:/wamp64/www/"> Options +Indexes +Includes +FollowSymLinks +MultiViews AllowOverride All Require local </Directory> ProxyRequests Off <Proxy *> Order deny,allow Allow from all </Proxy> ProxyPass /api http://www.xxx.com </VirtualHost> ~~~ ### 參考： [Apache設置反向代理解決js跨域問題 - 51CTO.COM](http://developer.51cto.com/art/201611/520611.htm) [Apache設置反向代理解決js跨域問題 - 技術分享 - SegmentFault](https://segmentfault.com/a/1190000007352990?_ea=1318620) last update：2017-7-31 15:56:32