在前端頁面對後端返回的文件進行下載

1.確定後端返回的是一個文件
2.調用導出文件的接口,並攜帶相應的數據以及發送請求,獲取相應的值
3.在發送請求的時候,如果訪問接口需要攜帶token值的話,一定要和後端確定token的和變量名
4.如果你的接口請求方式是一個get的請求,可以直接將token以拼接字符串的形式進行傳遞
話不多說,看代碼

這裏是你要發送的請求
this.$http.get('/business-instock/instock/return/export', {
        params: {
          'buyerId': this.getSupplier.buyerId,
          'status': this.documentFrom.documentType,
          'access_token': this.token  這裏是token值
        }
      })
        .then((res) => {
          if (res.status === 200) {
          這裏的地址就是你文件存放在服務器上的路徑,因爲是get請求,所以採用的是字符串拼接的方式,當然也要傳遞token的值
            let excelUrl = 'http://23wz.top:9000/business-instock/instock/return/export?status=' + this.documentFrom.documentType +
              '&buyerId=' + this.getSupplier.buyerId + '&access_token=' + this.token
              這裏是頁面要跳轉打開的下載頁面的地址,也就是在服務器的地址
            window.location.href = excelUrl
          } else {
            this.$message.error('導出失敗')
          }
        })
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章