前端往后端传数据用axios怎么用

在前端使用 Axios 进行数据请求，向后端发送数据通常包括以下几个步骤：

1. 引入 Axios 库：首先需要在你的 JavaScript 文件中引入 Axios，你可以选择从 npm 安装，然后通过 `import` 导入：

   import axios from 'axios';

2. 发起 HTTP 请求：创建一个 Axios 实例，设置配置选项如 base URL（如果应用有跨域需求），然后发起 GET、POST 等请求：
- 示例：发送一个 POST 请求传递 JSON 数据：

   const sendData = async (data) => {
     try {
       const response = await axios.post('http://your-backend-api.com/api/endpoint', data);
       // 处理返回的数据
       console.log(response.data);
     } catch (error) {
       console.error(error);
     }
   };
   
   // 调用函数并传递要发送的数据
   sendData({ key: 'value' });

3. 错误处理：Axios 会自动处理网络错误，并在回调函数中抛出异常。可以使用 `.catch()` 来捕获并处理错误。

4. 配置全局拦截器（可选）：如果你希望对所有请求添加通用的前置或后置处理，可以设置拦截器：

   axios.interceptors.request.use((config) => {
     // 添加请求头或者修改请求配置
     config.headers.Authorization = 'Bearer your-token';
     return config;
   }, (error) => {
     // 对请求错误做处理
     return Promise.reject(error);
   });

   axios.interceptors.response.use((response) => {
     // 处理响应数据
     return response;
   }, (error) => {
     // 处理网络错误
     console.error('请求失败:', error);
     return Promise.reject(error);
   });