如何将axios get请求返回的的html的img数据输出到网页上

要将 Axios 的 GET 请求返回的 HTML 中的 `img` 数据输出到网页上，你需要经历以下步骤：

1. 发起请求获取 HTML：

import axios from 'axios';

axios.get('https://example.com/target-url')
  .then((response) => {
    // 请求成功，处理响应内容
  })
  .catch((error) => {
    // 错误处理
  });

2. 解析 HTML 并找到所有的 `img` 标签：

const parser = new DOMParser();
let htmlDoc = parser.parseFromString(response.data, 'text/html');

// 获取所有 img 标签
const imgs = Array.from(htmlDoc.getElementsByTagName('img'));

3. 将图片 URL 添加到网页上：

imgs.forEach((imgElement) => {
  let imgTag = document.createElement('img');
  imgTag.src = imgElement.getAttribute('src');
  imgTag.alt = imgElement.getAttribute('alt') || '';
  // 可选：添加其他属性如 width, height 等

  // 将图片插入到文档的某个位置（通常是body）
  document.body.appendChild(imgTag);
});

4. 渲染页面：

document.getElementById('container')?.appendChild(imgTag); // 如果有特定容器，可以替换为容器ID

这样，你就把从请求到展示图片的过程实现了。