js axios发起http请求

Axios是一个基于Promise的HTTP客户端，用于在浏览器和Node.js环境中发起HTTP请求。它具有简洁、高效、易用的特点，可以帮助我们更好地发起HTTP请求。

以下是使用axios进行GET和POST请求的基本示例：

1. GET请求：

// 引入 axios
const axios = require('axios');

// 发起 GET 请求
axios.get('https://api.example.com/data')
  .then(response => {
    console.log(response.data);
  })
  .catch(error => {
    console.error(error);
  });

2. POST请求：

// 引入 axios
const axios = require('axios');

// 要发送的数据
let data = {
  key1: 'value1',
  key2: 'value2'
};

// 发起 POST 请求
axios.post('https://api.example.com/data', data)
  .then(response => {
    console.log(response.data);
  })
  .catch(error => {
    console.error(error);
  });```

相关问题

axios发起post请求

axios是一款基于Promise的HTTP客户端，用于浏览器和node.js中的JavaScript，可以发起并发送HTTP请求。以下是使用axios发起POST请求的示例：

import axios from 'axios';

const requestData = {
  name: 'Tom',
  age: 18
};

axios.post('/api/user', requestData)
  .then(function (response) {
    console.log(response);
  })
  .catch(function (error) {
    console.log(error);
  });

在上面的示例中，我们使用axios.post()方法发起一个POST请求，请求的URL为/api/user，请求数据为requestData。其中，请求数据requestData可以是一个JavaScript对象、URLSearchParams对象、FormData对象或者字符串类型的数据。在发送请求之后，我们可以通过.then()方法处理请求的响应。在请求失败时，我们可以通过.catch()方法捕捉错误。

JavaScript发起axios请求参数加密解密

在JavaScript中发起axios请求时，可以使用crypto-js库对请求参数进行加密和解密。

首先，安装必要的依赖：Axios和crypto-js。Axios用于发送请求，而crypto-js用于进行加密和解密处理。

接下来，可以封装一个基础的Axios配置，并添加一个拦截器，用于在每个请求中添加一个通用的请求头。

然后，可以封装加密和解密的方法。使用AES算法对请求参数和返回数据进行加密和解密处理。

最后，封装一个请求方法，该方法使用Axios发送请求之前对请求参数进行加密处理，而在请求成功后，使用CryptoJS库的AES解密方法将返回的密文数据解密为字符串，并将其解析为JSON对象。

这样，在前端开发中发送请求时，可以使用这种方法对请求参数进行加密和解密处理，来保护数据的安全性。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* *2* *3* [封装axios中请求响应数据加解密](https://blog.csdn.net/longxiaobao123/article/details/129914884)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 100%"]
[ .reference_list ]