如何在 JavaScript 中使用 Axios 对 API 进行 GET 调用？

Axios 是一个基于Promise的HTTP 客户端，专为Node.js和浏览器设计。使用 Axios，我们可以轻松地向 REST API 发送异步 HTTP 请求并执行创建、读取、更新和删除操作。它是一个托管在 Github 上的开源协作项目。它可以用纯 Javascript 或相应的任何库导入。
以下脚本 src 将在 HTML 代码的 head 部分包含axios.js

当我们使用 axios 向 API 发送请求时，它会返回一个响应。响应对象包括：

• data：服务器返回的数据。
• 状态：从服务器返回的 HTTP 代码。
• statusText：服务器返回的 HTTP 状态。
• 标头：从服务器获取的标头。
• config：原始请求配置。
• 请求：请求对象。

出于演示的目的，我们将在本地主机上托管一个 API：

http://127.0.0.1:5000

Python脚本：您将需要以下包来运行 API、 flask、requests、jsonify、flask_cors 。 Python API 的代码如下：

• 程序：

Python3

from flask import Flask, jsonify, request
from flask_cors import CORS
 
app = Flask(__name__)
CORS(app)
 
@app.route('/test', methods =['GET'])
def test():
   return jsonify({"Result": "Welcome to GeeksForGeeks"})
 
if __name__ == '__main__':
    app.run(debug = True)

注意：您可以通过简单地运行上面的Python代码来托管这个 API。
JS 脚本：在 HTML 文件中包含 axios.js 和相应的 JS 文件。在 JS 文件中，编写以下代码，使用 Axios 向 API 发出 GET 请求。对 API 的 GET 请求需要API 方法的路径。

• 程序：

javascript

function makeGetRequest(path) {
    axios.get(path).then(
        (response) => {
            var result = response.data;
            console.log(result);
        },
        (error) => {
            console.log(error);
        }
    );
}
makeGetRequest('http://127.0.0.1:5000/test');

• 输出：它将使用 GET 请求调用 API。将在控制台窗口上获得响应。