首頁(yè) 猿問(wèn) nginx環(huán)境下的服務(wù)器端調(diào)用第三...

nginx環(huán)境下的服務(wù)器端調(diào)用第三方api如何跨域

JavaScript

皈依舞 2019-03-14 19:12:22

1. 首先拋出問(wèn)題在服務(wù)為端報(bào)錯(cuò),并且請(qǐng)求的地址不正確2. 在本地測(cè)試的情況本地成功獲取正確的結(jié)果2.1 在本地的請(qǐng)求代碼組件中axios的使用在config中proxyTable的配置3. 測(cè)試3.1 使用nginx反向代理正確的獲取地址為http://api.jisuapi.com/news/get?channel=頭條中間的news被替換了為api怎樣能夠正確的獲得地址

查看完整描述

5 回答

慕娘9325324

TA貢獻(xiàn)1783條經(jīng)驗(yàn) 獲得超4個(gè)贊

解決第三方api（你沒(méi)有控制權(quán)的api）在前端跨域訪問(wèn)有三種方法：

使用nginx在另一個(gè)域名下設(shè)置一個(gè)反向代理，并設(shè)置允許跨域的頭部字段（Access-Control-Allow-Origin）。
使用nginx在與前端同一域名下的某個(gè)子路徑設(shè)置一個(gè)反向代理，這樣就不存在跨域的問(wèn)題了。但由于要在同一域名下避免第三方api的url和你的url沖突，可能需要修改沖突的url，這樣可能會(huì)造成奇怪的問(wèn)題。
在后端調(diào)用api，再將結(jié)果通過(guò)后端送回給前端，這樣也不存在跨域的問(wèn)題。

反對(duì) 回復(fù) 2019-03-23