브라우저 보안이 강화되어서 인지 어떤 오류인지 몰라도 js 로딩이 안되면서 도메인 연결한 페이지가 나오지 않는다.
addEventListener('fetch', event => {
event.respondWith(handleRequest(event.request))
})
async function handleRequest(request) {
// 캐시 삭제
const cache = caches.default;
await cache.delete(request);
// 캐시 우회 후 새로운 데이터 가져오기
const response = await fetch(request, {
headers: {
'Cache-Control': 'no-cache'
}
});
// 새 데이터를 캐시에 저장
cache.put(request, response.clone());
return response;
}
다른 웹 브라우저와 OS에서 캐시 삭제로 계속 테스트 하며 강제 캐시 삭제 코드를 넣었는데 되는지는 모르겠다.
gpt 에서 알려준 try catch로 오류시 진행되도록 처리하면 되기는 하는 것 같은데 다른 사용자도 잘 되는지는 여러 환경에서 테스트 해 봐야 한다.
if (url.pathname.startsWith('/app') && url.pathname.endsWith('js')) {
try {
response = await fetch(url.toString());
let body = await response.text();
response = new Response(body.replace(/www.notion.so/g, MY_DOMAIN).replace(/notion.so/g, MY_DOMAIN), response);
response.headers.set('Content-Type', 'application/x-javascript');
return response;
} catch (error) {
// 예외 처리: fetch 실패 시 에러 메시지 반환
return new Response('JS 파일 처리 중 오류가 발생했습니다.', { status: 500 });
}
} else if (url.pathname.startsWith('/api')) {
try {
// Forward API
response = await fetch(url.toString(), {
body: url.pathname.startsWith('/api/v3/getPublicPageData') ? null : request.body,
headers: {
'content-type': 'application/json;charset=UTF-8',
'user-agent': 'Mozilla/5.0 (Macintosh; Intel Mac OS X 10_12_6) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/80.0.3987.163 Safari/537.36'
},
method: 'POST',
});
response = new Response(response.body, response);
response.headers.set('Access-Control-Allow-Origin', '*');
return response;
} catch (error) {
// 예외 처리: API 요청 실패 시 에러 메시지 반환
return new Response('API 요청을 처리하는 중 오류가 발생했습니다.', { status: 500 });
}
} else if (slugs.indexOf(url.pathname.slice(1)) > -1) {
try {
const pageId = SLUG_TO_PAGE[url.pathname.slice(1)];
return Response.redirect('https://' + MY_DOMAIN + '/' + pageId, 301);
} catch (error) {
// 예외 처리: 리디렉션 처리 중 오류 발생 시
return new Response('리디렉션 처리 중 오류가 발생했습니다.', { status: 500 });
}
} else {
try {
response = await fetch(url.toString(), {
body: request.body,
headers: request.headers,
method: request.method,
});
response = new Response(response.body, response);
response.headers.delete('Content-Security-Policy');
response.headers.delete('X-Content-Security-Policy');
return response;
} catch (error) {
// 예외 처리: 일반 요청 처리 중 오류 발생 시
return new Response('요청을 처리하는 중 오류가 발생했습니다.', { status: 500 });
}
}
댓글 달기