解決前端和後端分離後,如何跨域呼叫

2021-08-21 05:53:12 字數 922 閱讀 3542

本文主要介紹nginx 如何解決前端和後端分離,如何跨域呼叫的問題;

專案中的經常會遇到前端和後端分離部署在不同的伺服器上,或者埠號不同,這種情況會導致前端無法呼叫到後端,會報錯:

no access-control-allow-origin 的錯誤;

上網查詢資料,發現有4種方式;

1、第一種方式:

jsonp的,這種方式只支援get,不支援post請求方式

2、第二種方式:

可以配置***,在***中設定訊息頭

3、第三方式:

cors.supportscredentials第四種方式,採用nginx 技術

2、解壓到非中文目錄下

3、修改nginx.config檔案中的,將下面的內容直接替換nginx.config裡的內容;

#新增攔截路徑和根目錄

location /

}}由於時間原因,寫的很粗糙,做為自己乙個學習筆記,記錄下

前後端分離如何解決跨域問題

現在前後端分離開發很常見了,由於瀏覽器的同源策略,存在跨域問題 f12 報錯 no access control allow origin header is present on the requested resource 服務端你會發現 request.method是options,而且會請求...

前後端分離專案,如何解決跨域問題?

前後端分離專案跨域問題是不可避免的。通常情況下前端由react vue等框架編寫,通過ajax請求服務端api,傳輸資料用json格式。那麼為什麼有跨域的問題呢?解決跨域問題有哪些方式?搞清楚這兩個問題我們需要了解一下什麼是同源策略。同源策略 same origin policy 是一種安全約定,是...

解決前後端分離的跨域問題

參考 跨域是網路安全領域的乙個專有名詞。簡單點理解就是某些操作越過了網域名稱的界限,訪問了別的網域名稱。如果指令碼可以自由訪問其他域,就會產生很多安全問題。什麼情況下會跨域?不同協議 不同網域名稱 不同埠 不同主機。什麼情況不是跨域?滿足網域名稱 協議 埠均相同的即不是跨域。解決方案 1 jsonp...