前台请求的静态资源文件名带#特殊符号后，请求地址会从#后截断导致访问 404

Question

问题描述

前台使用

window.open(
      url,
      '',
      'width=' +
        (window.screen.availWidth - 10) +
        ',height=' +
        (window.screen.availHeight - 30) +
        ' , toolbar=no, menubar=no,resizable=no,scrollbars=yes,top=0,left=0',
    );

的方式访问后台返回的一个pdf文件的地址："Temp/凭证[215PSM210328-苏州电信4#楼].pdf"，但是地址里带 # 特殊符号，导致前台实际访问地址为："Temp/凭证[215PSM210328-苏州电信4" ，然后报 404，请问有没有什么解决办法啊？后台是 C#，前台是 Angular。

Answer 1

解决

将地址编码下：url = encodeURIComponent(url);

/** 新开标签并展示文件-需要浏览器开启 pop-up */
  newTabAndDisplayFile(url: string) {
    console.log('前', url);
    // url.replace('#', '%23');
    url = encodeURIComponent(url);
    console.log('后', url);

    window.open(
      url,
      '',
      'width=' +
        (window.screen.availWidth - 10) +
        ',height=' +
        (window.screen.availHeight - 30) +
        ' , toolbar=no, menubar=no,resizable=no,scrollbars=yes,top=0,left=0',
    );
  }