get请求
一般发送get请求传参是这么写
axios.get(\'/user?id=12345&name=user\').then(res => res).catch(err => err)
为了方便全局统一调用封装的axios,一般这么写
// params参数必写 , 如果没有参数传{}也可以axios.get(\'/user\', {params: {id: 12345,name: user}}).then(res => res).catch(err => err)
post/put/patch请求
-
传参格式为formData
// request的Header:\'Content-Type\'= \'multipart/form-data\'var formData = new FormData();formData.append(\'user\', 123456);formData.append(\'pass\', 12345678);axios.post(\"/notice\", formData).then(res => res).catch(err => err)
-
传参格式为query 形式
// request的Header:\'Content-Type\'= \'application/x-www-form-urlencoded\'// 第一种情况:使用$qs.stringifyimport Qs from \'qs\' // 引入方式Vue.prototype.$qs = Qs // 全局加载this.$qs.stringify(data); // 使用方式this.$qs.parse(data); // 使用方式var readyData = this.$qs.stringify({id: \'1234\',name: \'user\'});axios.post(\"/notice\", readyData).then(res => res).catch(err => err)
-
传参格式为 raw (JSON格式)
// request的Header:\'Content-Type\'= \'application/json;charset=UTF-8\'// 1. axios将js对象序列化为JSONvar readyData = {id: ‘1234’,name: ’user‘};axios.post(\"/notice\", readyData).then(res => res).catch(err => err)// 2. 自己序列化var readyData = JSON.stringify({id: \'1234\',name: \'user\'});axios.post(\"/notice\",readyData).then(res => res).catch(err => err)