Angular 2严格模式TypeError报错求助：HTTP POST请求异常

嘿，我之前也碰到过这个一模一样的错误！这个问题本质上是JavaScript严格模式的限制导致的——Angular默认会启用严格模式，而严格模式下明确禁止访问函数的caller、callee和arguments属性。

可能的原因和对应的解决方案： #

• 检查你的HTTP请求代码中是否直接使用了arguments、caller或callee
  很多时候是在请求的回调、转换函数里用了旧的JS写法，比如依赖arguments来获取参数。举个错误示例：

  // 错误写法：transformRequest里用了arguments触发严格模式错误
  submitData(payload: any) {
    return this.http.post('/api/submit', payload, {
      transformRequest: function() {
        return JSON.stringify(arguments[0]);
      }
    });
  }
  

  改成明确使用参数或者箭头函数（箭头函数没有自己的arguments对象，写法更符合现代规范）：

  // 正确写法：用箭头函数+明确参数
  submitData(payload: any) {
    return this.http.post('/api/submit', payload, {
      transformRequest: (data) => JSON.stringify(data)
    });
  }
  

• 检查是否依赖了未适配严格模式的第三方库
  如果你的服务里用了比较老旧的HTTP工具库、表单序列化库或者拦截器插件，它们可能还在使用严格模式禁止的语法。这时候优先考虑升级这些库到最新版本；如果暂时无法升级，可以尝试把调用库的代码包裹在一个非严格模式的IIFE里（这是临时方案，不推荐长期使用）：

  // 临时方案：用非严格模式IIFE包裹旧库调用
  submitData(payload: any) {
    return (function() {
      // 这里调用旧库的代码，比如旧的序列化函数
      const serialized = oldLegacyLibrary.serialize(payload);
      return this.http.post('/api/submit', serialized);
    }).bind(this)();
  }
  

• 检查自定义HTTP拦截器的代码
  如果你写了自定义的HTTP拦截器，一定要检查拦截请求/响应的回调逻辑里有没有使用arguments这类属性。确保用箭头函数或者明确声明参数，不要依赖arguments来获取值。

总结 #

这个错误的核心就是严格模式下的语法限制，只要找到代码中触发这个限制的地方（自己写的逻辑或者第三方库的代码），替换成符合严格模式的写法就能解决问题。

内容的提问来源于stack exchange，提问作者Franco Echevarría