Cómo utilizar Axios con JavaScript

Introducción

Axios es una biblioteca de código abierto que permite realizar solicitudes HTTP. Proporciona métodos que incluyen .get(), .post(), y .delete().

En este artículo, creará una aplicación JavaScript que utiliza Axios para realizar GET, POSTy DELETEsolicitudes a un servidor para actualizar una lista de elementos de tareas pendientes.

Prerrequisitos

Para completar este tutorial, necesitarás:

• Un entorno de desarrollo local para Node.js. Sigue Cómo instalar Node.js y crear un entorno de desarrollo local .

Este tutorial fue verificado con Node v15.11.0, npmv7.6.1, axiosv0.21.1 y parcel-bundlerv1.12.5.

Paso 1: Configuración del proyecto

En esta sección, creará un nuevo directorio de proyecto, instalará dependencias de paquetes y establecerá archivos de configuración.

Primero, crea un nuevo directorio de proyecto:

mkdir axios-js-example

Luego, cambie al nuevo directorio del proyecto:

cd axios-js-example

A continuación, inicialice un nuevo npmproyecto:

npm init -y

Luego, instala Axios:

npm install axios@0.21.1

Nota: Axios también se puede agregar a través de una CDN:

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

Parcel es una herramienta para agrupar y entregar código. Instálela parcel-bundlercomo una dependencia de desarrollo:

npm install parcel-bundler@1.12.5 --save-dev

En este punto, tendrás un nuevo proyecto con axiosy parcel-bundler.

A continuación, abra package.jsonel editor de código y modifique los valores para "scripts"ejecutar y :parceldevbuild

paquete.json

{  // ...  "scripts": {    "test": "echo "Error: no test specified""  exit 1""
No related posts.