如圖，后端返回的svg內(nèi)容直接是一個(gè)xml文件。

需要前端進(jìn)行展示并下載。

前端有兩個(gè)功能，一個(gè)是預(yù)覽（在瀏覽器中打開svg），一個(gè)是下載（將svg下載到本地）
預(yù)覽的代碼：

this.showDataByBlob(data, { type: 'image/svg+xml' })	// data里就是我上邊截圖的xml內(nèi)容

showDataByBlob(data, options) {
  const blob = new Blob([data], options)
  const href = window.URL.createObjectURL(blob)
  window.open(href)
},

這樣就能將svg在瀏覽器中打開啦！
效果如圖：

下載的代碼：

this.exportDataByBlob(data, { type: 'image/svg+xml' }, 'test.svg')

 exportDataByBlob(data, options, fileName) {
   const blob = new Blob([data], options)
   const downloadElement = document.createElement('a')
   const href = window.URL.createObjectURL(blob)
   downloadElement.href = href
   downloadElement.download = fileName
   document.body.appendChild(downloadElement)
   downloadElement.click()
   document.body.removeChild(downloadElement)
   window.URL.revokeObjectURL(href)
 },

效果如下：