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

1. 直接拼接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);
     });
   1
   2
   3
   4
   5
   6
   7
   8
   9
   10
   11
   12
   13
   14
   15
   16
   17
   18
   19
   20
   21
   22

2. 使用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);
     });
   1
   2
   3
   4
   5
   6
   7
   8
   9
   10
   11
   12
   13
   14
   15
   16

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