Angular學習 http請求失敗的問題

2021-08-01 11:16:58 字數 1288 閱讀 4699

在學習angular時,以下**的http的post請求一直失敗。

}

在firefox的除錯工具下,可以看到 [options xhr http://localhost:8899/login ]出錯了。

由於第一次學習web開發,一直糾結於

為什麼**中的post方法變為options方法?

直到開啟了firefox的除錯工具的[安全]log輸出,發現上述出錯log之下有以下log。

已攔截跨源請求:同源策略禁止讀取位於 http://localhost:8899/login 的遠端資源。(原因:cors 頭缺少 'access-control-allow-origin')。

由於在firefox的位址列輸入的位址(angular的請求位址)是[http://localhost:4200],和**中post方法指定的位址[http://localhost:8899]不同源,

所以在每次http請求之前,都會向伺服器[http://localhost:8899]發1次options請求,確認伺服器是否容許跨源請求。

而伺服器沒有做跨源cors設定,所以每次options請求都會出錯。

在伺服器追加跨源設定。具體做法請參照:

有無跨源cors設定時的options請求,請參照:



angular 中的 http 請求

angular 中使用 http 請求的前提,需要引入 httpclientmodule 模組 元件中 1.get 請求寫法 getdata 2.post 請求寫法 post 請求必須設定請求頭 3.jsonp 請求 jsonp 請求與前兩種不同之處在與,除了引入 httpclientmodule ...

angular中的http請求封裝

1 新建ts檔案 工具類 httputils.service.ts name http服務 describe 對http請求做統一處理 統一傳送請求 param params returns promise public request params any any else get請求 param...

史上最方便http請求封裝 angular

class container class card get let item of src code as code msg as msg url as url class card header get請求介面 div class card body 狀態碼 備註說明 返回資料 div div ...