前端用axios获取后端api数据的时候，需要传参给后端，此参数需要用户输入，代码怎么实现

在前端使用axios库从后端API获取数据，并需要接收用户输入作为参数时，通常会在发送请求时将用户的输入封装到URL查询字符串、HTTP请求体（如JSON数据）或者使用axios的配置选项`params`。这里我会提供一个基本的例子： ```javascript // 引入axios模块 import axios from 'axios'; // 假设用户输入是一个名为'userInput'的变量 const userInput = prompt('请输入你需要传递的参数'); // 如果参数是个简单的键值对，可以添加到URL查询字符串中 axios.get(`your-api-url?param=${userInput}`) .then(response => { // 处理返回的数据 console.log(response.data); }) .catch(error => { console.error(error); }); // 或者如果是更复杂的对象，可以发送JSON数据并设置请求头 axios.post('your-api-url', { param: userInput }, { headers: {'Content-Type': 'application/json'} }) .then(response => { // 处理返回的数据 console.log(response.data); }) .catch(error => { console.error(error); }); ```

阅读全文