我正在 vercel
上部署我的网站,但在加载详细信息页面时遇到了 502: BAD_GATEWAY NO RESPONSE FROM FUNCTION
错误。为此,我正在使用 getServerSideProps
。在我的本地主机上,它运行良好。您可以在此处查看代码:
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] } };
}
我有另一个页面,项目概述,我在其中加载了所有项目。我使用 getServerSideProps
的方式和我在这里一样,在那里也能用。