使用Axios和React下载和操作svg文件

npm install axios

import React from 'react';
import axios from 'axios';

const downloadSVG = () => {
  axios({
    url: 'https://example.com/path/to/svg/file.svg',
    method: 'GET',
    responseType: 'blob', // 设置响应类型为blob，以便处理二进制数据
  })
    .then((response) => {
      const url = window.URL.createObjectURL(new Blob([response.data]));
      const link = document.createElement('a');
      link.href = url;
      link.setAttribute('download', 'file.svg');
      document.body.appendChild(link);
      link.click();
    })
    .catch((error) => {
      console.error('Error downloading SVG file:', error);
    });
};

const MyComponent = () => {
  return (
    <div>
      <button onClick={downloadSVG}>下载SVG文件</button>
    </div>
  );
};