FetchError: invalid json response body at http://... reason: Unexpected token < in JSON at position

问题的背景是:在写nextjs时,遇到的请求接口数据报的错

错误的原因是:调用url时没有加jsononly = 1

import { useState } from 'react';
import { GetServerSideProps, InferGetServerSidePropsType } from 'next';
// ...

export default function FriendCenterNextTest({data}: InferGetServerSidePropsType<typeof getServerSideProps>) {
  
  console.log('-------------fet', data);
  // ...
  
  return (
    // ...
  );
}

export const getServerSideProps: GetServerSideProps = async () => {
  // 要注意,这里定义好的httpConf.node_host形式类似于https://xxx
  const host = isNotEnv ? httpConf.node_host : httpConf.local_host;
  const url = `${host}/xxx?${qs.stringify({
    jsononly: 1,  // !是这里,需要加jsononly = 1
  })};`;

  let resData = null;

  await fetch(url)
    .then((res) => res.json())
    .then((body) => {
      resData = body;
    })
    .catch((e) => console.error('-----fetch error', e));

  return {
    props: {
      post: resData,
      data: resData?.data,
    },
  };
}


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值