vue-axios post請求content-type:application/x-www-form-urlencoded

axios的post請求,默認是application/json提交JSON格式的數據

實際我們後端要求的 'Content-Type': 'application/x-www-form-urlencoded' 

這時需要配置content-type:

axios.defaults.headers.post['Content-Type'] = 'application/x-www-form-urlencoded';

這裏使用了qs插件:

簡單來說,qs 是一個增加了一些安全性的查詢字符串解析和序列化字符串的庫。

在項目中使用命令行工具輸入:

npm install qs --save


安裝完成後在需要用到的組件中:

import qs from "qs"

這裏我是放在了main.js:

import qs from "qs"
Vue.prototype.$qs = qs;


具體使用中我查看了:qs.parse()和qs.stringify()

這兩種方法雖然都是序列化,但是還是有區別的。
qs.parse()是將URL解析成對象的形式
qs.stringify()是將對象 序列化成URL的形式,以&進行拼接

demo:

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章