403 Forbidden과 401 Unauthorized HTTP 응답의 차이점 이해

401 Unauthorized와 403 Forbidden을 구별하는 백엔드 스크립트

Express Framework를 사용하는 Node.js

const express = require('express');const app = express();const port = 3000;// Middleware to check authenticationfunction checkAuth(req, res, next) {  if (!req.headers.authorization) {    return res.status(401).send('401 Unauthorized: Authentication required');  }  next();}// Middleware to check user permissionsfunction checkPermission(req, res, next) {  const userRole = req.headers['x-user-role'];  if (userRole !== 'admin') {    return res.status(403).send('403 Forbidden: Access denied');  }  next();}// Route with both authentication and permission checksapp.get('/secure-data', checkAuth, checkPermission, (req, res) => {  res.send('This is secure data accessible only to admin users.');});app.listen(port, () => {  console.log(`Server running at http://localhost:${port}`);});

HTTP 응답 코드를 처리하는 프런트엔드 스크립트

Fetch API용 JavaScript

async function fetchData() {  try {    const response = await fetch('http://localhost:3000/secure-data', {      method: 'GET',      headers: {        'Authorization': 'Bearer token',        'x-user-role': 'user'      }    });    if (response.status === 401) {      console.error('Error 401: Unauthorized');      alert('You must log in to access this resource.');    } else if (response.status === 403) {      console.error('Error 403: Forbidden');      alert('You do not have permission to access this resource.');    } else {      const data = await response.json();      console.log(data);    }  } catch (error) {    console.error('Fetch error:', error);  }}fetchData();

HTTP 상태 코드 401 및 403에 대한 일반적인 질문과 답변

1. 401 무단 응답이란 무엇입니까?
2. 401 Unauthorized 응답은 클라이언트가 요청된 응답을 받으려면 자신을 인증해야 함을 나타냅니다.
3. 403 금지 응답이란 무엇입니까?
4. 403 Forbidden 응답은 클라이언트가 인증되었더라도 콘텐츠에 대한 액세스 권한이 없음을 의미합니다.
5. 401 Unauthorized는 언제 사용해야 합니까?
6. 요청에 유효한 인증 자격 증명이 부족한 경우 401 Unauthorized를 사용하세요.
7. 403 Forbidden은 언제 사용해야 합니까?
8. 클라이언트가 인증되었지만 리소스에 액세스할 권한이 없는 경우 403 Forbidden을 사용합니다.
9. 401 응답에 WWW-Authenticate 헤더가 포함될 수 있나요?
10. 예, 401 응답에는 클라이언트에게 인증 방법을 안내하는 WWW-Authenticate 헤더가 포함되는 경우가 많습니다.
11. 403 응답으로 액세스 권한을 얻는 방법에 대한 지침을 제공할 수 있습니까?
12. 일반적으로 403 응답은 권한 부족으로 인해 액세스를 거부하기 때문에 지침을 제공하지 않습니다.
13. 승인을 위해 스크립트에서 어떤 헤더를 확인합니까?
14. 스크립트는 다음을 확인합니다. req.headers.authorization 승인을 위한 헤더입니다.
15. 권한 확인에서 사용자 정의 헤더는 어떤 역할을 합니까?
16. 사용자 정의 헤더 req.headers['x-user-role'] 사용자의 역할을 결정하고 권한을 확인하는 데 사용됩니다.
17. 로그인했지만 관리자 전용 페이지에 액세스하려는 사용자에게 어떤 상태 코드가 반환되어야 합니까?
18. 403 Forbidden 상태 코드가 반환되어야 합니다.