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: