बग रिपोर्ट

बग का वर्णन करें

जब एक सर्वर रहित वातावरण में getServerSideProps में एक अपवाद को फेंक दिया जाता है, तो प्रतिक्रिया 502 (बैड गेटवे) की स्थिति कोड के साथ वापस आ जाती है, जो निश्चित रूप से ऐसा नहीं है। इसके अलावा, कस्टम या डिफ़ॉल्ट 500 पृष्ठ इस मामले में प्रस्तुत नहीं करते हैं, इसलिए उपयोगकर्ता उत्पादन में ऐप को कैसे या कहां तैनात करता है, इसके आधार पर स्टैक ट्रेस देख सकते हैं। यह एक अगला 9.5+ मुद्दा प्रतीत होता है, क्योंकि इसने 500 स्टेटस कोड और 9.4.x में एक ही कोड वाला एक उचित त्रुटि पेज दिया था।

प्रजनन करना

यह किसी भी पृष्ठ के साथ होगा जो getServerSideProps में एक त्रुटि का सामना करता है। मैंने एक "समस्या" पृष्ठ के साथ एक नमूना रेपो बनाया है:

https://github.com/spencewood/throw-app

इसमें बस शामिल है:

import React from "react";

export default function Problem() {
  return (
    <>
      <h1>Problem!</h1>
    </>
  );
}

export const getServerSideProps = () => {
  throw new Error("error");
};

यह पृष्ठ vercel में तैनात है: https://throw-app.vercel.app/problem

और कर्ल:

❯ curl -I "https://throw-app.vercel.app/problem"
HTTP/2 502 
date: Fri, 07 Aug 2020 18:20:24 GMT
content-type: text/plain; charset=utf-8
x-nextjs-page: /problem
content-length: 68
server: Vercel
x-vercel-id: cle1::2cxmx-1596824424449-1d2c09ffce13
strict-transport-security: max-age=63072000; includeSubDomains; preload
cache-control: s-maxage=0

अपेक्षित् व्यवहार

बस उपरोक्त ऐप को नेक्स्ट 9.4 पर अपग्रेड करने से अगला के लिए डिफ़ॉल्ट 500 पेज सही तरीके से रेंडर हो जाएगा और 500 स्टेटस कोड वापस आ जाएगा। यह वही है जो होना चाहिए, क्योंकि 500 ​​केवल "सर्वर त्रुटि" इंगित करता है और 502 "अमान्य / कोई प्रतिक्रिया नहीं" इंगित करता है।

स्क्रीनशॉट

नीचे दिए गए स्क्रीनशॉट https://throw-app.vercel.app/problem के स्रोत के साथ यहां दिए गए हैं: https://github.com/spencewood/throw-app

अगला 9.4

अगला 9.5

अन्य विचार

जाहिर है कि आप इस तरह से एक त्रुटि नहीं फेंकने वाले हैं, लेकिन सर्वर-साइड जनरेटिंग डायनेमिक डेटा को ऐप पर पहुंचाने के दौरान फेंके गए किसी भी अपवाद का कारण 502 होगा।