H5提交json格式的post請求失敗原因一種及解決

Lemon_95 發布于2019-07-25 13:46 / 1776人閱讀

摘要：開發了一個服務端接口供調用，直接在命令行上調用時正常的。北京市朝陽區但是在頁面上調用時報錯原因解決方法在中添加如下配置即可即追加一個即可參考文檔

開發了一個服務端接口供H5調用，直接在命令行上調用時正常的。

curl -X POST -H "Content-Type: application/json" "http://localhost:8080/userAddresses" -d "{"contact":"13600000001","address":"北京市朝陽區"}"

但是在H5頁面上調用時報錯

 Request header field Content-Type is not allowed by Access-Control-Allow-Headers in preflight response.

原因

For cross-domain requests, setting the content type to anything other than application/x-www-form-urlencoded, multipart/form-data, or text/plain will trigger the browser to send a preflight OPTIONS request to the server. so if server does not allow it will throw errors.

解決方法

在nginx中添加如下配置即可

add_header Access-Control-Allow-Headers X-Requested-With,Content-Type;

即追加一個Content-Type即可

參考文檔

http://stackoverflow.com/ques...

GPU云服務器云服務器 js提交post數據請求 h5 js請求json數據 js提交json格式數據 json格式轉換失敗

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/39341.html

ajax與jsonp一點基礎整理

摘要：之所以不能跨域其實是因為受到同源策略的限制，只能讓它訪問同源下的數據，不能訪問不同源下的數據同源策略每個網站只能讀取同一來源的數據，這里的同一來源指的是主機名域名協議和端口號的組合。一、Ajax的概念 Ajax是一種技術方案，但并不是一種新技術。它依賴的是現有的CSS/HTML/Javascript，而其中最核心的依賴是瀏覽器提供的XMLHttpRequest對象，是這個對象使得瀏...

tomlingtm 2019-08-21 16:57 評論0 收藏0
springBoot 與 axios 表單提交

摘要：不用于表單提交。實驗測試失敗狀態碼請求成功，但是服務端沒有接受到數據。服務端當然接受不到數據測試成功狀態碼使用對數據在提交前進行了格式化，將其轉換成的形式，此時服務端成功接收到數據。服務端無法正確解析。環境聲明springBoot : 1.8java : jdk1.8IDE : IDEA 問題描述axios 表單提交，springBoot 無法接受到數據，但使用swagger測試，可...

Amos 2019-08-15 14:15 評論0 收藏0
Ajax的全面總結

摘要：實現流程創建對象打開請求地址，初始化數據發送請求數據監聽回調函數狀態收到服務器返回的應答結果。請求完成后回調函數請求成功或失敗時均調用。 Ajax在前端開發中有著舉足輕重的地位，關于Ajax的使用和注意事項一直是一個重要的話題，借此機會，本文希望對Ajax做一個全面的總結，徹底揭開Ajax的神秘面紗。一.什么是Ajax Ajax(Asynchronous JavaScript and...

lookSomeone 2019-08-20 18:54 評論0 收藏0
bodyParser中間件的研究

摘要：中間件的研究接觸已有一段時間了，但最近才開始落實項目，于是使用應用生成器生成了一個應用。中間件中間件用來解析請求體，是默認使用的中間件之一。就是內建的對象之一，用來字符串化對象或解析字符串。 bodyParser中間件的研究接觸nodejs已有一段時間了，但最近才開始落實項目，于是使用express應用生成器生成了一個應用。開發過程中發現ajax提交的數據無法被express正確的解...

Richard_Gao 2019-08-19 17:34 評論0 收藏0