cdn方式引入qs库的使用方法

 <script src="https://cdn.bootcss.com/qs/6.7.0/qs.min.js"></script>

  <script src="https://cdn.bootcss.com/axios/0.18.0/axios.min.js"></script>

<html>
    <body>
        <div>
            
        </div>
        <script>
        	
            // 一般引入qs库都赋值为qs，不过浏览器全局引入的是 window.Qs对象，
            // 所以直接用 qs.stringify() 会报 qs undefined
            var qs = Qs 
            // 配置post的请求头
            axios.defaults.headers.post['Content-Type'] = 'application/x-www-form-urlencoded'
            // qs.stringify() 这里可以做一下封装
            axios.post('url', qs.stringify({
                id: 1,
                name: 'zhangsan'
            })).then(function(res) {
                // 返回 Promise对象数据
            })
        </script>
    </body>
</html>

方法封装：

/**
 * 请求方法封装
 */
var qs = Qs;
function QueryGet(path,data={}){
    return axios({
        method: 'get',
        timeout: 10000,
        params: data,
        // params: qs.stringify(data),
        url: path
    });
}
console.log('qs',qs);
function QueryPost(path,data={}){
    console.log('dddddd',data);
    return axios({
        method: 'post',
        timeout: 10000,
        url: path,
        data: data,
        transformRequest: [function (data) {
            data = qs.stringify(data);
            return data;
        }],
        headers:{'Content-Type':'application/x-www-form-urlencoded'}
    });
}