zoukankan      html  css  js  c++  java
  • 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;
    })
    },
  • 相关阅读:
    Django----博客文章数据返回
    Django----admin模块初识
    Django搭建博客文章---模型层
    Js 提交 form 表单
    sql 查询 between and 和 >= <= 比较
    C# 未能加载项目文件
    不一样的 Null
    Js实现table单双行交替色
    C# 判断一个string型的时间格式是否正确
    利用 Label 小小的提升一下用户体验
  • 原文地址:https://www.cnblogs.com/wang-sai-sai/p/10812359.html
Copyright © 2011-2022 走看看