크롬 네트워크 캐싱을 항상 비활성화하는 방법

Question

나는 내 노드를 사용하여 백엔드를 작성하고 React를 사용하여 표현식과 프론트 엔드를 작성한 애플리케이션을 테스트하고 있습니다.

저는 느린 네트워크를 시뮬레이션하지 않지만 실제로 느린 네트워크에 앉아 있습니다.

때로는 네트워크 요청 캐싱으로 인해 코드 에 코드로 작성한 xhr 요청이 실제로 작동하지 않습니다.

크롬 개발자 콘솔을 별도의 창에서 열고 "캐시 사용 중지"버튼을 선택하면 완벽하게 작동합니다.

개발자 콘솔을 열지 않고도 Chrome에서이 '캐시 사용 중지'를 항상 적용 할 수있는 방법은 무엇인가요?

이 기능이있는 다른 브라우저가 있습니까?

Answer 1

가장 좋은 방법은 서버에서 직접 요청 캐싱을 금지하는 것입니다. 아마도 어쨌든 API 호출을 캐시하지 않기를 원할 것입니다.

const router = require('express').Router(); 

// Set no cache headers to ensure browsers (especially IE) don't cache the API requests 
router.use((req, res, next) => { 
    res.setHeader('Expires', '-1'); 
    res.setHeader('Cache-Control', 'no-cache'); 
    next(); 
}); 

이것은 특급 앱 st. 모든 요청이이 필터로 전달됩니다. 또한, 일부 요청을 캐시하려면이 핸들러 위에 작성하십시오.