vue3跨域保存图片

1. vue.config.js 配置跨域代理

   proxy: {
      '/Api': {
        target: 'http://192.168.1.5:8088/api/', 
        secure: true,
        pathRewrite: {
          '^/Api': '',
        },
      },
      
	  // 例如图片地址 https://download.img.cloud.com/1121235.jpg
      '/download.img.cloud.com': {
        target: 'https://download.img.cloud.com',
        secure: true,
        pathRewrite: {
          '^/download.img.cloud.com': '',
        },
      },
    },

2. 将接口返回的图片地址转换

//接口返回图片
 const imgUrl = 'https://download.img.cloud.com/1121235.jpg'
 
 qrcodeUrl.value = imgUrl .replace(
          "https://download.img.cloud.com",
          "/download.img.cloud.com"
        )

3. 下载图片
保存图片

4.nginx 也需要配置跨域代理 同 vue.config.js