I'm deploying my website on vercel
, but I ran into a 502: BAD_GATEWAY NO RESPONSE FROM FUNCTION
error when I load a detail page. I'm using getServerSideProps
for this. On my localhost, it works perfectly. You can see the code down here:
export async function getServerSideProps(context) {
const apollo = require('../../lib/apolloClient'); // import client
var XMLHttpRequest = require('xmlhttprequest').XMLHttpRequest;
var xhr = new XMLHttpRequest();
const GET_PROJECT_BY_ID = gql`
query getProjectById($id: Int!) {
projects(where: { id: { _eq: $id } }) {
id
title
}
}
`;
const client = apollo.default();
const { data, error } = await client.query({
query: GET_PROJECT_BY_ID,
variables: { id: context.params.id },
});
if (!data || error) {
return {
notFound: true,
};
}
return { props: { props: data.projects[0] } };
}
I have another page, project overview, where I load all the projects. I use getServerSideProps
the same way as I do here and it works over there.
question from:
https://stackoverflow.com/questions/65941013/no-response-from-function-nextjs-deployment-with-getserversideprops 与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…