# 解決跨域 在眾多的解決跨域方式中， 都不可避免的都需要服務端進行支持， 使用Nginx可以純前端解決請求跨域問題。 特別是在前后端分離調試時， 經常需要在本地起前端工程， 接口希望拉取服務端的實際數據而不是本地的mock。 而如果本地程序直接訪問遠程接口， 肯定會遇到跨域問題。現在前端成熟的做法，一般是把node proxy server集成進來。事實上，用Nginx同樣可以解決問題，甚至可以應用于線上。 <br> 本地起一個nginx server。server_name是 `mysite-base.com`，比如現在需要請求線上www.kaola.com域下的線上接口 `www.kaola.com/getPCBanner`… 的數據，當在頁面里直接請求，瀏覽器會報錯：  <br> 為了繞開瀏覽器的跨域安全限制，現在需要將請求的域名改成`mysite-base.com`。同時約定一個url規則來表明代理請求的身份，然后Nginx通過匹配該規則，將請求代理回原來的域。Nginx配置如下： ~~~ #請求跨域，這里約定代理請求url path是以/apis/開頭 location ^~/apis/ { # 這里重寫了請求，將正則匹配中的第一個()中$1的path，拼接到真正的請求后面，并用break停止后續匹配 rewrite ^/apis/(.*)$ /$1 break; proxy_pass https://www.kaola.com/; } ~~~ 在頁面代碼里，把請求url換成 `http://mysite-base.com/apis/getPCBannerList.html` 。這樣就可以正常請求到數據。 這樣其實是通過nginx，用類似于hack的方式規避掉了瀏覽器跨域限制，實現了跨域訪問。