📜  从单独的文件返回 axios 响应 - Javascript (1)

📅  最后修改于: 2023-12-03 15:06:34.069000             🧑  作者: Mango

从单独的文件返回 axios 响应 - Javascript

如果您正在使用 Axios 进行 API 调用,您可能需要将响应从一个文件返回到另一个文件中。这可以通过将响应存储在单独的文件中,并从主文件中导入它来实现。

安装 Axios

要使用 Axios,您需要首先将其安装为依赖项。您可以使用以下命令:

npm install axios
使用 Axios 进行 API 调用

在您的主文件中,您可以使用 Axios 进行 API 调用。这是一个使用 Axios 进行 GET 请求的示例:

import axios from 'axios';

axios.get('https://api.example.com')
  .then(response => {
    console.log(response.data);
  })
  .catch(error => {
    console.log(error);
  });
将响应保存到单独的文件中

您可以将响应保存在单独的文件中,并从主文件中导入它。在这个例子中,我们将响应保存在一个名为 response.js 的文件中:

const response = {
  data: 'This is a response'
};

export default response;
导入响应文件

在您的主文件中,您可以导入响应文件:

import response from './response';

console.log(response.data); // 'This is a response'
总结

使用 Axios 进行 API 调用并将响应存储在单独的文件中可以帮助您组织和维护代码。记得导入响应文件时使用正确的路径,以便您的应用程序可以找到它。