axios post提交的Content-Type

使用axios的坑

jQuery.ajax的post提交默認的請求頭的Content-Type: application/x-www-form-urlencoded
而axios.post提交的請求頭是Content-Type: application/json。

application/json是一個趨勢，可是若是改一箇舊項目，把jQuery.ajax所有換成axios.post時，須要對請求作一些配置。

改以前的代碼：

// 沒有指定請求頭的content-type var 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 })