來一發跨域解決方式---nginx

跨域，它是由瀏覽器的同源策略造成的，是瀏覽器對javascript施加的安全限制。

相信很多小夥伴都因為「它」而頭疼過，今天小編為大家介紹一種解決的方式。

首先下載nginx，然後打開文件看見如下目錄

接著打開conf文件夾下，編輯nginx.conf

文件中我們主要編輯裡面http中 upstream 變數名 和 server 部分

以上圖為例，upstream he_server中的鍵server 是我本地地址，upstream she_server中的鍵server是請求介面地址（keepalive是不需要修改的）

server中listen設置一個未被佔用的埠，server_name設置成本地ip就ok了

接下來location部分，例如第一個location，後面的/mapp/是自己定義的，相當於10.10.59.199:81/mapp/

proxy_pass http://he_server/MoocApp/ 中的he_server就是我們上邊upstream he_server,如果想訪問10.10.59.199:8080/MoocApp/就可以用10.10.59.199:81/mapp/代理了

下面的she_server也一樣

將兩個不同源的地址交給同一個ip、埠有去代理訪問，這樣就不會有跨域的問題了，這就是nginx大概原理了

推薦閱讀：