Vue對接Spring Security:

      使用axios進行登入，一直無法登入，提示使用者名密碼錯誤，但是用PostMan測試正常，代碼如下：

      Spring Security預設從params中擷取資料 , axios.post方法所有請求資料都放在requestBody中 , 即前端request payload中。

      使用 qs 的 stringify 方法 , 傳輸的資料變為了 params 形式。

      qs 是一個增加了一些安全性的查詢字元串解析和序列化字元串的庫。

qs.parse()是将URL解析成對象的形式

qs.stringify()是将對象 序列化成URL的形式，以&進行拼接

1.qs安裝

2.qs 全局引入

//在main.js引入qs
import  qs from 'qs'
//配全局屬性配置，在任意元件内可以使用this.$qs擷取qs對象
 Vue.prototype.$qs = qs
           

3.使用qs

4.JSON中的stringfy()方法和qs中的stringfy()方法差別

json:{"username":"zhangsan","password":"333333"}
qs:username=zhangsan&password=333333