nextjs 使用 getInitialProps 中，如何主动跳转404页面？

Question

Index.getInitialProps = async ({query}) => {
    let {id} = query;
    let res = await Fetch(id);
    if(res.data){
        return {data:res.data}
    }else{
        // 接口查询没有这条数据，怎样跳转 404 页面呢
        ？？？
    }
};

Answer 1

给你参考一下

export const redirect = (context: NextPageContext, statusCode: number, location: string) => {
  if (!context || !context.res) return Routes.Router.pushRoute(location);

  context.res.writeHead(statusCode, {
    Location: location,
  });
  context.res.end();
};

Home.getInitialProps = async (context: NextPageContext) => {
  const authToken = cookies(context)[AUTH_TOKEN];
  if (authToken && context.res) {
    redirect(context, 302, `${APP_REDIRECT_URL}/cores`);
  }
};

Answer 2

接口错误，就应该按照接口错误来处理吧，404是页面路由没有找到的时候。