后端返回下载地址url,前端如何下载文件

需求:后端返回给前端的市下载地址URL,前端进行下载对应文件

    downLoad(){
      const link = document.createElement('a')
      //_blank表示在新窗口打开链接
      link.target = '_blank'
      link.href =process.env.VUE_APP_BASE_API+this.form.POD
      link.setAttribute('download', '文件名字' + Date.now() + '.PDF') // 下载文件的名称及文件类型后缀
      document.body.appendChild(link)
      link.click()
      document.body.removeChild(link) // 下载完成移除元素
      this.$modal.msgSuccess("下载成功");
      this.open=false
    },

其中this.form.POD是后端返回的下载地址URL

你可能感兴趣的:(vue,前端)