axios post提交的Content-Type

標籤：class   func   pos   something   fun   post   headers   jquer   ati   

使用axios的坑

jQuery.ajax的post提交預設的要求標頭的Content-Type: application/x-www-form-urlencoded
而axios.post提交的要求標頭是Content-Type: application/json。

application/json是一個趨勢，但是如果改一箇舊項目，把jQuery.ajax全部換成axios.post時，需要對請求做一些配置。

改之前的代碼：

// 沒有指定要求標頭的content-typevar data = {age: 18};$.ajax({    url: ‘‘,    type: ‘POST‘,    data: data    dataType: ‘json‘,    success: function(result) {        // do something    }})

使用axios的代碼

import axios from ‘axios‘;import qs from ‘qs‘;var data = {age: 18};var url = ‘‘;axios.post(    url,     qs.stringify(data),     {headers: {‘Content-Type‘: ‘application/x-www-form-urlencoded‘}}).then(result => {    // do something})

axios post提交的Content-Type