axios.post請求出錯：Request header field content-type is not allowed by Access-Contro

2023-10-15 阅读 15 评论 0

摘要：axios.post請求出錯：Request header field content-type is not allowed by Access-Control-Allow-Headers in…… 報錯如下報錯原因：接口不正確Access-Control-Allow-Headers不允許請求報頭字段內容類型。解決辦法：在服務器端設置一下接口，使

axios.post請求出錯：Request header field content-type is not allowed by Access-Control-Allow-Headers in……

報錯如下

在這里插入圖片描述
報錯原因：接口不正確Access-Control-Allow-Headers不允許請求報頭字段內容類型。

解決辦法：

在服務器端設置一下接口，使用post方法是不需要設置headers里面的Content-Type, 使用了post,Content-Type是什么就根據你傳入參數的格式

如果傳入的是對象：它就變成application/json的形式
如果傳入的是字符串：它就變成application/x-www-form-urlencoded的形式

  axios.post("https://www.imooc.com/api/http/json/search/suggest?word=js", {username: 'Cai',age: 19}).then(response => {console.log(response);}).catch(err => {console.log(err);})