Angular为何将字符串参数转为数组？API请求参数异常排查

核心原因 #

参数传递格式不匹配导致异常。你调用getGalleryFolderByName时传入的第二个参数folder_name是字符串类型，但Angular的HttpClient.get方法的params选项要求传入键值对对象，而非原始字符串。当直接传递字符串时，HttpClient会将其解析为字符数组，把每个字符的索引作为参数键、字符本身作为值，最终生成0=S&1=a...这种异常的URL参数格式。

分支差异的根源 #

本地工作分支正常、dev分支异常，大概率是dev分支对getGalleryFolderByName方法的实现做了修改：

• 工作分支的方法可能会将传入的字符串参数包装为键值对对象，比如：

  getGalleryFolderByName(clientId: string|number, folderName: string) {
    return this.http.get<any>(GET_GALLERY_FOLDER_BY_NAME(clientId), {params: {name: folderName}});
  }
  

• 而dev分支改成了直接传递参数（即你当前贴出的代码），但调用处仍沿用之前传字符串的方式，两者不匹配就触发了问题。

与Angular版本的关系 #

基本无关，除非dev分支升级了Angular且HttpClient的参数解析逻辑发生了不兼容变更，但这种情况概率极低，核心问题还是代码逻辑的变更。

修复方案 #

任选以下一种方式即可：

1. 修改调用处：将字符串参数包装为键值对对象

   this.galleryService.getGalleryFolderByName(this.clientId, {name: folder_name}).subscribe(
       (result) => {
           let data = result.data;
           if (data) {
               console.log(data)
           }
           // 其他逻辑
       }
   )
   

2. 修改服务方法：内部将字符串参数转为符合要求的键值对

   getGalleryFolderByName(clientId: string|number, folderName: string) {
       return this.http.get<any>(GET_GALLERY_FOLDER_BY_NAME(clientId), {params: {name: folderName}});
   }
   

内容的提问来源于stack exchange，提问作者Bjorn