TypeError: Cannot read properties of undefined (reading 'get') when trying to make an API-call with axios

TypeError: Cannot read properties of undefined (reading 'get') when trying to make an API-call with axios

我正在尝试从我的后端 API 获取订单列表,但在控制台中出现此错误:

Uncaught TypeError: Cannot read properties of undefined (reading 'get')

在我看来 axios.get 函数不起作用,我不知道为什么...相同的 GET 调用在我的应用程序的不同部分工作正常。

我试过 0.24.00 和 0.20.00 版本没有区别。出现同样的错误。 我还尝试在 axios 后面打一个问号:axios?.get(.....)。在这里我没有收到任何错误,但是 API-call 不会继续。好像axios是false或者null..

这是我的代码:

import { useEffect, useState } from "react";
import { axios } from "axios";

const Order = ({ customerId }) => {
  const [customerOrders, setCustomerOrders] = useState([]);

  const authConfig = {
    auth: {
      username: "username",
      password: "password",
    },
  };

  useEffect(() => {
    const getOrders = () => {
      axios
        .get(`http://localhost:8080/api/v1/myorders/${customerId}`, authConfig)
        .then((response) => {
          setCustomerOrders(...customerOrders, response.data);
          console.log(response.data);
        });
    };
    getOrders();
  }, []);

  return <p> {customerOrders.length} </p>;
};

我猜应该是

import axios from 'axios'

表示它作为默认导出而不是命名导出。