前言

創(chuàng)新互聯(lián)專注于富縣企業(yè)網(wǎng)站建設(shè),成都響應(yīng)式網(wǎng)站建設(shè),商城網(wǎng)站開發(fā)。富縣網(wǎng)站建設(shè)公司,為富縣等地區(qū)提供建站服務(wù)。全流程按需搭建網(wǎng)站，專業(yè)設(shè)計，全程項目跟蹤，創(chuàng)新互聯(lián)專業(yè)和態(tài)度為您提供的服務(wù)

在WEB開發(fā)中，我們經(jīng)常涉及到跨域的請求，解決跨域問題的方式有很多，比如有window.name、iframe、JSONP、CORS等等，就不詳細展開了，涉及到 協(xié)議、端口 不一樣的跨域請求方式是采用代理，這里我們重點聊聊Nginx代理的方式。

場景
本地啟動了一個前后端分離的WEB應(yīng)用，端口為：3000，可以通過http://127.0.0.1:3000訪問前端頁面，頁面中有些Ajax請求的地址為http://127.0.0.1:3000/api/getList，一般情況下肯定是404或者請求失敗，如下圖：

這種后端服務(wù)的接口存放在于其他的服務(wù)器中，比如在公司內(nèi)網(wǎng)可以通過http://172.30.1.123:8081/api/getList訪問到測試環(huán)境中的服務(wù)接口。

這種情況的請求就涉及到端口不一樣的跨域了，那么我們可以利用Nginx代理請求。

Nginx代理配置參考

首先找到Nginx配置文件：

• Windows下路徑就是你安裝Nginx目錄下找，比如我的放在C盤根目錄，那就是：c:\nginx\conf\nginx.conf
• Mac系統(tǒng)配置文件路徑在: /usr/local/etc/nginx/nginx.conf, Finder下通過Shift+Command+G，輸入/usr/local/etc/nginx/進入該目錄。

在Nginx配置文件中添加如下配置：

server {
 listen 80;
 server_name 127.0.0.1;

 location / {
 proxy_pass http://127.0.0.1:3000;
 }

 location ~ /api/ {
 proxy_pass http://172.30.1.123:8081;
 }
}

另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)scvps.cn，海內(nèi)外云服務(wù)器15元起步，三天無理由+7*72小時售后在線，公司持有idc許可證，提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國服務(wù)器、虛擬主機、免備案服務(wù)器”等云主機租用服務(wù)以及企業(yè)上云的綜合解決方案，具有“安全穩(wěn)定、簡單易用、服務(wù)可用性高、性價比高”等特點與優(yōu)勢，專為企業(yè)上云打造定制，能夠滿足用戶豐富、多元化的應(yīng)用場景需求。

名稱欄目：通過Nginx代理轉(zhuǎn)發(fā)配置實現(xiàn)跨域的方法（API代理轉(zhuǎn)發(fā)）-創(chuàng)新互聯(lián)
標(biāo)題網(wǎng)址：http://weahome.cn/article/jscjs.html