Axios có tốt cho NodeJ không?

Axios là Ứng dụng khách HTTP dựa trên lời hứa dành cho

$ yarn add axios

8 và trình duyệt. Nó là đẳng cấu (= nó có thể chạy trong trình duyệt và nodejs với cùng một cơ sở mã). Ở phía máy chủ, nó sử dụng nút gốc. js

$ yarn add axios

9, trong khi trên máy khách (trình duyệt), nó sử dụng XMLHttpRequests

Đặc trưng

• Tạo XMLHttpRequests từ trình duyệt
• Thực hiện các yêu cầu http từ nút. js
• Hỗ trợ API hứa hẹn
• Yêu cầu chặn và phản hồi
• Chuyển đổi dữ liệu yêu cầu và phản hồi
• Hủy yêu cầu
• Biến đổi tự động cho dữ liệu JSON
• Hỗ trợ phía khách hàng để bảo vệ chống lại XSRF

cài đặt

sử dụng npm

$ npm install axios

sử dụng bower

$ bower install axios

sử dụng sợi

$ yarn add axios

Sử dụng jsDelivr CDN

<script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js">script>

Sử dụng giải nén CDN

<script src="https://unpkg.com/axios/dist/axios.min.js">script>

Tiếp theo » Ví dụ tối thiểu

Psssst. TRẠI BOOTC PHÁT TRIỂN WEB 2023 sẽ bắt đầu chỉ sau vài ngày nữa. Tham gia danh sách chờ, giữ chỗ trong khóa học thuần tập kéo dài 10 tuần của tôi và tìm hiểu các nguyên tắc cơ bản, HTML, CSS, JS, Tailwind, React, Next. jsvà hơn thế nữa. ✨

Giới thiệu

Axios là một thư viện JavaScript rất phổ biến mà bạn có thể sử dụng để thực hiện các yêu cầu HTTP, hoạt động trong cả Trình duyệt và Nút. nền tảng js

Nó hỗ trợ tất cả các trình duyệt hiện đại, bao gồm hỗ trợ cho IE8 trở lên

Nó dựa trên lời hứa và điều này cho phép chúng tôi viết mã async/await để thực hiện các yêu cầu XHR rất dễ dàng

Sử dụng Axios có khá nhiều lợi thế so với Fetch API gốc

• hỗ trợ các trình duyệt cũ hơn (Fetch cần một polyfill)
• có một cách để hủy bỏ một yêu cầu
• có một cách để đặt thời gian chờ phản hồi
• có bảo vệ CSRF tích hợp
• hỗ trợ quá trình tải lên
• thực hiện chuyển đổi dữ liệu JSON tự động
• hoạt động trong nút. js

Cài đặt

Axios có thể được cài đặt bằng npm

npm install axios

hoặc sợi

yarn add axios

hoặc đưa nó vào trang của bạn bằng unpkg. com

API Axios

Bạn có thể bắt đầu một yêu cầu HTTP từ đối tượng

yarn add axios

0

Tôi sử dụng

yarn add axios

1 và

yarn add axios

2 làm tên ngẫu nhiên. Nhập bất kỳ loại tên nào để thay thế chúng

$ bower install axios

1

nhưng để thuận tiện, bạn thường sẽ sử dụng

(như trong jQuery, bạn sẽ sử dụng

yarn add axios

3 và

yarn add axios

4 thay vì

yarn add axios

5)

Axios cung cấp các phương thức cho tất cả các động từ HTTP, ít phổ biến hơn nhưng vẫn được sử dụng

• yarn add axios

  6

• yarn add axios

  7

• yarn add axios

  8

• yarn add axios

  9

và một phương thức để lấy các tiêu đề HTTP của một yêu cầu, loại bỏ phần thân

NHẬN yêu cầu

Một cách thuận tiện để sử dụng Axios là sử dụng cú pháp async/await hiện đại (ES2017)

nút này. js truy vấn Dog API để truy xuất danh sách tất cả các giống chó, sử dụng

0 và nó sẽ đếm chúng

$ yarn add axios

0

Nếu bạn không muốn sử dụng async/await, bạn có thể sử dụng cú pháp Promises

$ yarn add axios

1

Thêm tham số vào yêu cầu GET

Phản hồi GET có thể chứa các tham số trong URL, như thế này.

1

Với Axios, bạn có thể thực hiện việc này bằng cách sử dụng URL đó

$ yarn add axios

3

hoặc bạn có thể sử dụng thuộc tính

2 trong tùy chọn

$ yarn add axios

5

POST yêu cầu

Thực hiện một yêu cầu POST cũng giống như thực hiện một yêu cầu GET, nhưng thay vì

3, bạn sử dụng

4

Axios có tốt cho nút JS không?

Tại sao nên sử dụng Axios trong nút js?

Axios có tốt để sử dụng không?

Cái nào tốt hơn Axios so với tìm nạp?