记录遇到的问题

文件过大

写文件上传的时候,前台和后台都遇到了文件过大的错误。
前台用的是nginx转发, 后台用的是spring boot

前台:413 Request Entity Too Large" angular

后台:
记录遇到的问题_第1张图片

之后了解到,nginx 默认上传的最大body是 1M, 超过1M的数据请求就会报413错误

记录遇到的问题_第2张图片

解决:

在nginx.conf里设置配置:

server {
   client_max_body_size 20M;
   ...
}

angular循环依赖

记录遇到的问题_第3张图片

这里HttpInterceptor造成了循环依赖。

解决:

export class HttpErrorInterceptor implements HttpInterceptor {
  public static DONT_INTERCEPT_HEADER_KEY = 'http-error-do-not-intercept';
  thyNotifyService = this.injector.get(ThyNotifyService);

  constructor(private readonly injector: Injector) {
  }

}

直接在构造函数中构造Injector, 然后再使用this.injector.get(ThyNotifyService)构造service。

实际上,我们直接获取了根注入器。再获取了注入器中的service。

这样的话,当前的类就不会直接构造ThyNotifyService,而是获取了根注入器。从而避免了循环依赖
记录遇到的问题_第4张图片

你可能感兴趣的:(angular)