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 小时前
关于手机的设备信息
前端
ReturnTrue8685 小时前
nginx性能优化之Gzip
前端
w_y_fan6 小时前
Flutter 滚动组件总结
前端·flutter
wuli金居哇6 小时前
我用 Turborepo 搭了个 Monorepo 脚手架,开发体验直接起飞!
前端
Asort6 小时前
JavaScript 从零开始(五):运算符和表达式——从零开始掌握算术、比较与逻辑运算
前端·javascript
一枚前端小能手6 小时前
🚀 缓存用错了网站更慢?前端缓存策略的5个致命误区
前端·javascript
艾小码6 小时前
为什么你的页面会闪烁?useLayoutEffect和useEffect的区别藏在这里!
前端·javascript·react.js
艾小码6 小时前
告别Vue混入的坑!Composition API让我效率翻倍的3个秘密
前端·javascript·vue.js
南雨北斗6 小时前
VS Code 中手动和直接运行TS代码
前端
小高0076 小时前
🔍说说对React的理解?有哪些特性?
前端·javascript·react.js