>웹 프론트엔드 >프런트엔드 Q&A >Nodejs는 413 오류를 해결합니다.

Nodejs는 413 오류를 해결합니다.

WBOY
WBOY원래의
2023-05-27 20:41:361019검색

Node.js를 사용하여 웹 애플리케이션을 개발할 때 대용량 파일 업로드를 처리하는 상황이 발생할 수 있습니다. 그러나 업로드된 파일이 너무 크면 HTTP 413 요청 엔터티가 너무 큼 오류가 발생할 수 있습니다. 이는 Node.js의 요청 본문 크기 제한이 기본적으로 100KB이기 때문입니다. 요청 엔터티 크기가 이 제한을 초과하면 HTTP 413 오류가 발생합니다.

이 문제를 해결하려면 여러 가지 방법 중에서 선택할 수 있습니다.

  1. 요청 본문 제한 수정

한 가지 해결 방법은 기본 요청 본문 크기 제한을 수정하여 업로드 파일 크기 제한을 늘리는 것입니다. Node.js에서는 body-parser 모듈을 사용하여 요청 본문을 구문 분석할 수 있습니다. 이 모듈의 옵션 중 하나는 limit이며, 이를 수정하는 데 사용할 수 있습니다. 신체 크기 제한을 요청합니다. body-parser 模块来解析请求体,这个模块其中一个选项就是 limit,可以用来修改请求体大小的限制。

const express = require('express')
const bodyParser = require('body-parser')

const app = express()

// limit设置为50MB
app.use(bodyParser.json({limit: '50mb'}))
app.use(bodyParser.urlencoded({limit: '50mb', extended: true}))

// 处理文件上传的请求
app.post('/upload', (req, res) => {
  // ...
})

app.listen(3000, () => {
  console.log('服务器启动成功')
})

使用上述代码,可以将请求体限制提高到 50MB。然而,这种方法并不适合处理非常大的文件上传请求,因为较大的请求体也会消耗不少的内存。

  1. 使用 Streams 处理请求体

当上传文件较大时,将整个请求体读取到内存中可能会导致性能问题。为了避免这个问题,Node.js 提供了一个 Stream API,可以将请求体作为流处理。

Stream 与 Buffer 最大的不同在于,Stream 可以分批次地将数据读取到内存中。这样,即使请求体非常大,也不会对服务器的内存造成太大的压力。

const express = require('express')
const app = express()
const BUSBOY = require('busboy')

app.post('/upload', (req, res) => {
  const busboy = new BUSBOY({ headers: req.headers })
  busboy.on('file', function(fieldname, file, filename, encoding, mimetype) {
    console.log('文件名:', filename);
    file.on('data', function(data) {
      console.log('文件大小为:', data.length);
    });
    file.on('end', function() {
      console.log('文件上传成功');
    })
  })

  busboy.on('field', function(fieldname, val, fieldnameTruncated, valTruncated, encoding, mimetype) {
    console.log('表单字段:', fieldname, val);
  })

  busboy.on('error', function(err) {
    console.log('文件上传失败:', err);
    res.status(500).send('文件上传失败')
  })

  req.pipe(busboy)
})

上述代码使用了 busboy 库,它是一个可读写的流 API,可以将解析上传文件的分解为多个流事件。

  1. 使用 Nginx

当使用 Node.js 处理大文件上传请求时,你可以为你的应用程序后面添加 Nginx 网关服务器。Nginx 可以充当反向代理,从而可以缓解请求体大小限制的问题。

当请求体大小超出限制时,Nginx 可以拒绝请求并返回 HTTP 413 错误。要对 Nginx 的配置进行调整,请在 /etc/nginx/nginx.conf 文件中添加以下内容:

http {
  client_max_body_size 1000M;
  upstream app_servers {
    server localhost:3000;
  }
  server {
    listen 80;
    server_name yourdomain.com;
    location / {
      proxy_pass http://app_servers;
      proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
      proxy_set_header X-Real-IP $remote_addr;
      proxy_set_header Host $host;
      proxy_set_header X-NginX-Proxy true;
    }
  }
}

使用 client_max_body_sizerrreee

위 코드를 사용하면 요청 본문 제한을 50MB까지 늘릴 수 있습니다. 그러나 이 방법은 대용량 파일 업로드 요청을 처리하는 데 적합하지 않습니다. 요청 본문이 클수록 메모리도 많이 소모하기 때문입니다.

    스트림을 사용하여 요청 본문 처리

    🎜업로드된 파일이 큰 경우 전체 요청 본문을 메모리로 읽으면 성능 문제가 발생할 수 있습니다. 이 문제를 방지하기 위해 Node.js는 요청 본문을 스트림으로 처리할 수 있는 스트림 API를 제공합니다. 🎜🎜Stream과 Buffer의 가장 큰 차이점은 Stream이 일괄적으로 데이터를 메모리로 읽을 수 있다는 것입니다. 이렇게 하면 요청 본문이 매우 크더라도 서버 메모리에 큰 부담을 주지 않습니다. 🎜rrreee🎜위 코드는 업로드된 파일의 구문 분석을 여러 스트림 이벤트로 분해할 수 있는 읽기-쓰기 스트림 API인 busboy 라이브러리를 사용합니다. 🎜
      🎜Nginx 사용🎜🎜🎜Nginx를 사용하여 대용량 파일 업로드 요청을 처리하는 경우 애플리케이션 뒤에 Nginx 게이트웨이 서버를 추가할 수 있습니다. Nginx는 역방향 프록시 역할을 할 수 있어 요청 본문 크기 제한 문제를 완화할 수 있습니다. 🎜🎜요청 본문 크기가 제한을 초과하면 Nginx는 요청을 거부하고 HTTP 413 오류를 반환할 수 있습니다. Nginx 구성을 조정하려면 /etc/nginx/nginx.conf 파일에 다음 콘텐츠를 추가하세요. 🎜rrreee🎜client_max_body_size를 사용하여 요청 본문 크기 제한을 수정하세요. 위 코드는 요청 본문 크기 제한을 1000MB로 설정합니다. 🎜🎜결론🎜🎜대용량 파일 업로드를 처리할 때 HTTP 413 요청 엔터티가 너무 큰 문제가 발생할 수 있습니다. 이 기사에서는 요청 본문 제한 수정, Streams를 사용하여 요청 본문 처리, Nginx 사용이라는 세 가지 솔루션을 소개합니다. 애플리케이션 요구 사항에 따라 대용량 파일 업로드 요청을 처리하기 위한 적절한 방법을 선택할 수 있습니다. 🎜

위 내용은 Nodejs는 413 오류를 해결합니다.의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.