vue 如何打开接口返回的HTML文件

TEMPLATES = [
    {
        'BACKEND': 'django.template.backends.django.DjangoTemplates',
        'DIRS': [os.path.join(BASE_DIR, 'userfiles')],
        'APP_DIRS': True,
        'OPTIONS': {
            'context_processors': [
                'django.template.context_processors.debug',
                'django.template.context_processors.request',
                'django.contrib.auth.context_processors.auth',
                'django.contrib.messages.context_processors.messages',
            ],
        },
    },
]

 def getReport(self, request):
        # 获取POST BODY信息
        reportId = request.data["id"]
        try:
            print(os.getcwd()) # 打印程序运行目录
            template = loader.get_template(f"./report/{reportId}.html")
            # template = loader.get_template(f"1.html")
            return Response(template.render())
            # return HttpResponse(template.render())
        except Exception as e:
            content = {'message': '获取报告失败'}
            return Response(content)

 <el-button type="warning" @click="viewReport" :disabled="reportDisabled

 
 // 查看测试报告
  viewReport () {
    var message = {id:1}
    //  axios 通过接口获取后台的报html告文件数据
    getReport(message).then(res => {
      this.$message({
        showClose: true,
        message: res.data.message,
        type: 'success'
      })
      // res.data 为接口返回的html完整文件代码
       // 必须要存进localstorage，否则会报错，显示不完全
      window.localStorage.removeItem('callbackHTML')
      window.localStorage.setItem('callbackHTML', res.data)
    // 读取本地保存的html数据，使用新窗口打开
      var newWin = window.open('', '_blank')
      newWin.document.write(localStorage.getItem('callbackHTML'))
      // 关闭输出流
      newWin.document.close()
    }).catch(err => {
      this.$message({
        showClose: true,
        message: err.response.msg,
        type: 'error'
      })
    })
  }