面试题：Qwik中如何配置axios进行基础的API调用

安装axios：在Qwik项目的根目录下，打开终端并执行以下命令（假设你使用npm）：
```
npm install axios
```
如果使用yarn，则执行：
```
yarn add axios
```

配置axios并进行GET请求：首先，在你的Qwik组件或服务文件中导入axios。例如，在一个Qwik组件的JavaScript文件（假设为src/components/MyComponent.js）中：

import { useMount } from '@builder.io/qwik';
import axios from 'axios';

export default function MyComponent() {
  const fetchData = async () => {
    try {
      const response = await axios.get('https://example.com/api');
      console.log('Data fetched successfully:', response.data);
    } catch (error) {
      if (error.response) {
        // 服务器返回了状态码，但不在2xx范围内
        console.error('Server error:', error.response.status, error.response.data);
      } else if (error.request) {
        // 发出了请求，但没有收到响应
        console.error('Network error:', error.request);
      } else {
        // 在设置请求时发生了错误
        console.error('Error setting up the request:', error.message);
      }
    }
  };

  useMount(() => {
    fetchData();
  });

  return <div>Component to fetch data</div>;
}

在上述代码中：

导入axios库。
在fetchData函数中，使用axios.get进行GET请求。
使用try - catch块来捕获可能出现的错误。如果是服务器返回错误（状态码非2xx），通过error.response处理；如果是网络错误（发出请求但无响应），通过error.request处理；其他设置请求的错误通过error.message处理。
使用useMount钩子在组件挂载时调用fetchData函数来发起请求。

星途面试题库

面试题：Qwik中如何配置axios进行基础的API调用

知识考点

面试题答案