vue中用qs传参发送axios请求

Posted 2021-11-27 wang-sai-sai

方法一：

首先在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);

      });

方法二：

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;

})

},