React中Fetch之cors跨域請求的使用

2021-09-13 00:16:40 字數 861 閱讀 6257

本篇文章主要介紹了react中fetch之cors跨域請求的實現方法,寫的十分的全面細緻,具有一定的參考價值,對此有需要的朋友可以參考學習下。如有不足之處,歡迎批評指正。

專案中使用了react,當中需要使用fetch來代替ajax。

後端部分我使用了phalcon。 

由於前後端分離,為了方便,我嘗試在nginx中使之同域(前端和後台api的頂級網域名稱相同),但phalcon框架是單入口、react監聽3000時候,通過nginx反向**,出現js找不到的問題,於是放棄同域的打算。

因此我配置了兩個網域名稱: 

1、www.***.com 

2、data.***.com

第乙個網域名稱用於react部分,埠號是3000(除錯用,正式上線是80) 

第二個網域名稱用於api,埠號是80

於是乎出現跨域問題。

以下是php部分的允許跨域網域名稱訪問的設定

結語

React中fetch 基本使用

react中fetch 基本使用 一 fetch fetch是一種xmlhttprequest的一種替代方案,在工作當中除了用ajax獲取後台資料外我們還可以使用fetch axios來替代ajax 二 fetch的基本使用 fetch url then res then data catch e ...

React網路請求fetch之post請求

本節介紹下react下fetch的post請求 1 編寫服務端 載入express模組 var express require express 載入path路徑處理核心模組 var path require path 載入body parser中介軟體 var bodyparser require ...

React 使用 fetch 請求天氣

中國天氣網 提供了查詢天氣的 api,通過傳入城市 id,可以獲得當前城市的天氣資訊,api 相關資訊如下 規格 描述 主機位址 訪問方法 get路徑 data cityinfo html 返回結果 json 格式,包含 city temp1 temp2 weather等資訊 返回結果格式如下 在請...