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

最新推荐文章于 2024-08-23 09:23:56 发布

Qredsun

最新推荐文章于 2024-08-23 09:23:56 发布

阅读量1k

点赞数 8

分类专栏： Vue 文章标签：前端

本文链接：https://blog.csdn.net/qq_17328759/article/details/136941759

版权

Vue 专栏收录该内容

11 篇文章 1 订阅

订阅专栏

本文介绍了如何在Node.js中使用axios库通过两种方式发送GET请求：一是通过模板字符串动态拼接URL和参数，二是利用params对象传递参数。两种方法都展示了如何处理API请求并处理响应和错误。

摘要由CSDN通过智能技术生成

直接拼接url

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);
  });

使用params传递参数

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);
  });