vue中用qs傳參發送axios請求

方法一：

首先在npm中安裝：

npm install qs

然后再項目中引入 import qs from 'qs'

然后我們發送Axios的時候就可以使用qs.stringify了

 axios.post('http://192.168.33.10:8009/api/token', 
       qs.stringify({
        email: email,
        password: pass,
      }))
      .then(function (response) {
        console.log(response);
      })
      .catch(function (error) {
        console.log(error);

      });

方法二：

首先在npm中安裝：

npm install axios

npm install qs

1.在main.js中配置

// axios 開始

import Axios from 'axios';

import qs from 'qs';

// 引入 自己的插件安裝器

import Installer from '@/plugins/installer';

Vue.use(Installer);

// 給Vue的原型掛載 $axios屬性

Vue.prototype.$axios = Axios;

Vue.prototype.$qs=qs;

Axios.defaults.baseURL = 'https://sctim.cn/soso';

// axios 結束

2.在模塊中使用

//在methods中定義方法，使用qs工具發送axios請求

　　

//查詢數據方法getData

getData(){

//請求地址

let api='/sy/listCategory.json'

//請求參數

let api_data=this.$qs.stringify({

"address": "0x41962ce7dbee9c4c0c2a0176362bd4f49be1b789",

"pageNumber": 1,

"pageSize": 20

})

//發送ajax請求獲取數據

this.$axios.post(api,api_data).then(res =>{

this.list = res.data;

})

},