angular自定義url訪問

導出文件

const xhr = new XMLHttpRequest();
    const url = ASYNC_URLS.serverUrl + 'rmApi/supp/baseOrderInfo/exportOrderDetailMessage?baseOrderInfo.orderId=' + (this.formInfo.orderId ? this.formInfo.orderId : '')  + '&baseOrderInfo.purchaseStatus=' + (this.formInfo.purchaseStatus ? this.formInfo.purchaseStatus : '');

    xhr.open('get', url, true);
    xhr.responseType = 'blob';
    let accessToken = sessionStorage.getItem('accessToken');
    xhr.setRequestHeader('tokenId', JSON.parse(accessToken).tokenId);
    xhr.onload = function() {
      if (this.status === 200) {
        const blob = this.response;
        const temp = this.getResponseHeader('Content-disposition').split('=')[1]; // 獲取文件名 處理中文亂碼
        const fileName = decodeURIComponent(temp);
        if (window.navigator.msSaveOrOpenBlob) {			// IE瀏覽器下
          navigator.msSaveBlob(blob, fileName);
        } else {
          const  link = document.createElement('a');
          link.href = window.URL.createObjectURL(blob);
          link.download = fileName;
          link.click();
          window.URL.revokeObjectURL(link.href);
        }
      }
    };
    xhr.send(null);

上傳文件

uploadHand($event, fileUpload) {
    const xhr = new XMLHttpRequest();
    const files = $event.files;

    xhr.onreadystatechange = ev => {
      this.onUpload(ev, files[0].name, fileUpload);
    };
    const url = this.uploadUrl;
    const formData: FormData = new FormData();
    for (let i = 0; i < files.length; i++) {
      formData.append('file', files[i], files[i].name);
    }
    xhr.open('POST', url, true);
    xhr.setRequestHeader('tokenId', JSON.parse(sessionStorage.getItem('accessToken')).tokenId
    );
    xhr.send(formData);
  }

  onUpload(event, fileName, fileUpload) {
    if (event.target.readyState === 4) {
      this.fileName = fileName;
      const res = JSON.parse(event.target.response);
      if (res['operateSuccess']) {
        this.tableData = res['baseVendorVos'];
        this.allowImport = res['allowImport'];
        this.allowCount = res['allowCount'];
        this.forbidCount = res['forbidCount'];
        this.noData = false;
        this.nextFlag = false;
      } else {
        this.noData = true;
      }
    }
    fileUpload.files = [];
  }

響應頭處理
response.setHeader(“Access-Control-Allow-Origin”, “");
response.setHeader(“Access-Control-Expose-Headers”, "”);
response.setHeader(“Content-disposition”, “attachment; filename=” + fileName);
response.setContentType(“application/vnd.ms-excel;charset=utf-8”);
response.setCharacterEncoding(“utf-8”);