http：// localhost：3000/api/组织原因：意外令牌＆lt;在位置0的JSON中

Question

我正在使用getServersideProps来向后端请求数据请求，

export async function getServerSideProps(context) {
    const res = await MachineService.listOrgs()
    const organizatons = [
        'csdc3443dsvk',
        'csddscd3443dsvk',
        '12dc3443dsvk',
        'csdc3443ds56k',
        'csdc3443ds67',
    ]
    return {
        props: { organizatons }, // will be passed to the page component as props
    }
}

这是我的Listorgs代码

const listOrgs = async (nextToken, limit) => {
    return new Promise(async (resolve, reject) => {
        fetch('http://localhost:3000/api/organizations/')
            .then(res => res.json())
            .then((result) => {
                resolve({ Organizations: result })
            })
            .catch((error) => reject(error))
    });
}
export default listOrgs;

，这是错误

向http：// localhost提出请求：3000/api/abersanations/从浏览器返回我的预期数据，但从服务器端返回上述错误

Answer 1

因为 fetch 仅在浏览器（客户端）（客户端） ），getServersideProps在服务器端（nodejs）运行，因此您的代码无法正常工作。您可以尝试 axios 或 isomorphic-fetch ，这些方法在服务器和客户端环境上运行