vue 加密img发起get请求

如果你想在 Vue 中使用加密的图片 URL 发起 GET 请求，你可以使用 JavaScript 的 Fetch API 来实现。以下是一个简单的示例代码：

// 导入加密库
import CryptoJS from 'crypto-js'

// 声明图片 URL 和秘钥
const imgUrl = 'https://example.com/image.jpg'
const secretKey = 'my-secret-key'

// 对图片 URL 进行加密
const encryptedUrl = CryptoJS.AES.encrypt(imgUrl, secretKey).toString()

// 发起 GET 请求并下载图片
fetch(encryptedUrl)
  .then(response => response.blob())
  .then(blob => {
    const url = window.URL.createObjectURL(blob)
    const link = document.createElement('a')
    link.href = url
    link.download = 'image.jpg'
    document.body.appendChild(link)
    link.click()
    document.body.removeChild(link)
  })

在这个示例中，我们先使用 CryptoJS 库对图片 URL 进行了加密，然后使用 Fetch API 发起 GET 请求。在响应中，我们将响应体转换为 blob，并使用 URL.createObjectURL() 方法创建一个 URL 对象。接着，我们创建一个 `<a>` 元素，设置它的 href 属性为图片的 URL 对象，download 属性为文件名，并将它添加到 DOM 中。最后，我们触发了该元素的 click 事件，触发浏览器下载该图片。