nextjs 使用 getInitialProps 中,如何主动跳转404页面?

i在思考ing
  • 89
Index.getInitialProps = async ({query}) => {
    let {id} = query;
    let res = await Fetch(id);
    if(res.data){
        return {data:res.data}
    }else{
        // 接口查询没有这条数据,怎样跳转 404 页面呢
        ???
    }
};
回复
阅读 3.3k
2 个回答
coding...
  • 2
新手上路,请多包涵

给你参考一下

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`);
  }
};

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

宣传栏