axios前端参数的传递几种方法

  1. 直接拼接url

    js 复制代码
    const axios = require('axios');
    
    // 假设有两个参数:id 和 category
    const id = 123;
    
    // 使用模板字符串将参数拼接在 URL 上
    axios.get(`https://api.xxx.com/data?id=${id}`)
      .then(response => {
        console.log(response.data);
      })
      .catch(error => {
        console.error(error);
      });
      
    // 直接作为URL的一部分
    axios.get(`https://api.xxx.com/data/${id}`)
      .then(response => {
        console.log(response.data);
      })
      .catch(error => {
        console.error(error);
      });
  2. 使用params传递参数

    js 复制代码
    const axios = require('axios');
    
    // 定义 params 对象
    const params = {
      id: 123,
    };
    
    // 将 params 对象传递给 GET 请求
    //axios.get('https://api.xxx.com/data', { params })
    axios.get('https://api.xxx.com/data', { params:params })
      .then(response => {
        console.log(response.data);
      })
      .catch(error => {
        console.error(error);
      });

资料参考:\node_modules\axios\index.d.ts

相关推荐
小小小小宇5 分钟前
前端小tips
前端
小小小小宇14 分钟前
二维数组按顺时针螺旋顺序
前端
安木夕33 分钟前
C#-Visual Studio宇宙第一IDE使用实践
前端·c#·.net
努力敲代码呀~35 分钟前
前端高频面试题2:浏览器/计算机网络
前端·计算机网络·html
高山我梦口香糖1 小时前
[electron]预脚本不显示内联script
前端·javascript·electron
神探小白牙1 小时前
vue-video-player视频保活成功确无法推送问题
前端·vue.js·音视频
Angel_girl3192 小时前
vue项目使用svg图标
前端·vue.js
難釋懷2 小时前
vue 项目中常用的 2 个 Ajax 库
前端·vue.js·ajax
Qian Xiaoo2 小时前
Ajax入门
前端·ajax·okhttp
爱生活的苏苏2 小时前
vue生成二维码图片+文字说明
前端·vue.js