使用axios發送post請求，body傳送數據格式form和json區別

fuyi501 發布于2019-08-26 12:09 / 2139人閱讀

摘要：先來看看這兩個種傳送格式的寫法格式，將類型設置為，請求時將序列化提交的數據會按照的方式進行編碼，和都進行了轉碼攔截器傳參序列化格式，有時候后臺需要傳送的是數據，將類型設置為，注意請求時不要序列化

先來看看這兩個種傳送格式的寫法
1.form格式，將Content-Type類型設置為application/x-www-form-urlencode，POST請求時將data序列化,提交的數據會按照 key1=val1&key2=val2 的方式進行編碼，key 和 val 都進行了 URL 轉碼

var instance = axios.create({

    baseURL: conf.api.api_owt,
    timeout: 60000,
    headers: {
      "Content-Type": "application/x-www-form-urlencoded; charset=utf-8;"
    }
  });

  // http request 攔截器
  instance.interceptors.request.use(
    config => {
      // POST傳參序列化
      if (config.method === "post") {
        config.data = qs.stringify(config.data);
      }
      return config;
    },
    error => {
      return Promise.reject(error);
    }
  );

2.json格式，有時候后臺需要body傳送的是json數據，將Content-Type類型設置為application/json，注意POST請求時data不要序列化

var instance = axios.create({

    baseURL: conf.api.api_owt,
    timeout: 60000,
    headers: {
      "Content-Type": "application/json;"
    }
  });

云服務器 GPU云服務器發送post請求模擬post發送請求 ajax發送post請求 fetch和axios的區別

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

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

前端培訓-初級階段-場景實戰（2019-06-06）-Content-Type對照表及日常使用

摘要：前端最基礎的就是。數據被編碼為鍵值對。大法好，精準識別，也算是正確的表單提交。全局的默認值實例默認值創建實例時設置配置的默認值在實例已創建后修改默認值攔截器，可以攔截錯誤，進行上報。參考資料類型看云前端最基礎的就是 HTML+CSS+Javascript。掌握了這三門技術就算入門，但也僅僅是入門，現在前端開發的定義已經遠遠不止這些。前端小課堂（HTML/CSS/JS），本著提升技術水...

mayaohua 2019-08-02 15:13 評論0 收藏0
前端培訓-初級階段-場景實戰（2019-06-06）-Content-Type對照表及日常使用

摘要：前端最基礎的就是。數據被編碼為鍵值對。大法好，精準識別，也算是正確的表單提交。全局的默認值實例默認值創建實例時設置配置的默認值在實例已創建后修改默認值攔截器，可以攔截錯誤，進行上報。參考資料類型看云前端最基礎的就是 HTML+CSS+Javascript。掌握了這三門技術就算入門，但也僅僅是入門，現在前端開發的定義已經遠遠不止這些。前端小課堂（HTML/CSS/JS），本著提升技術水...

張金寶 2019-08-23 17:55 評論0 收藏0
Ajax詳解

摘要：當請求完成后注冊一個回調函數。該請求是否觸發全局處理事件如等，請求發送前的回調函數，用來修改請求發送前，此功能可用來設置自定義頭信息，在函數中返回將取消這個請求。例如，為請求指定一個回調函數名。即改變回調函數的，默認就是傳入的整個對象。 Ajax Ajax 全稱是 asynchronous javascript and xml，并不是新的編程語言，可以說是已有技術的組合，主要用來實現客...

jokester 2019-08-23 14:15 評論0 收藏0
前后端聯調之Form Data與Request Payload，你真的了解嗎？

摘要：前言做過前后端聯調的小伙伴，可能有時會遇到一些問題。它是請求中空行的后面那部分。這就是它向你展示的。值得形式是以的形式提交的。傳遞對象的時候，默認為類型的值，與非時，的區別。如果是字符串的話，后端解析的內容時候，肯定要去解析啦。前言做過前后端聯調的小伙伴，可能有時會遇到一些問題。例如，我明明傳遞數據給后端了，后端為什么說沒收到呢？這時候可能就會就會有小伙伴陷入迷茫，本文從chrom...

Fundebug 2019-08-23 16:46 評論0 收藏0
GET，POST與后端接口詳記

摘要：如，是類的傳輸方式，與沒有實質區別。是測試服務器的該資源情況，不返回實體的主體部分。請求可以獲取回服務器接收到的該請求的原始報文，從而判斷路徑中的代理和防火墻是否對該條請求進行修改。為了獲取信息且不需要傳大量條件信息的接口。前言 HTTP通信的7種方式在HTTP通信中主要分為GET和POST。如PUT，DELETE是類POST的傳輸方式，與POST沒有實質區別。OPTION是查看服...

miguel.jiang 2019-08-16 18:27 評論0 收藏0