获取JSON.解析:JSON数据快速api的第1行第1列数据的意外结束

Question

嗨，我得到了一个python快速api后端服务器。

@app.get("/getName")
async def getName() -> JSONResponse:
data_sniffer = DataSniffer()
data = json.dumps(data_sniffer.get_data())
print(data)

return JSONResponse(content=data,headers={'content-type':'application/json'})

这是data的控制台输出:{"first_name": "test"}

我的前端代码看起来像这样

useEffect(() => {
async function query() {
const options = {
method: 'GET',
mode: 'no-cors',
headers: {
'Access-Control-Allow-Origin': '*',
'Content-Type': 'application-json',
},
};
const res = await fetch('http://127.0.0.1:3000/getName', options);
console.log(res);
const data = await res.json();
console.log(data);
}
query();
});

，但我得到以下错误消息SyntaxError: JSON。解析:JSON数据的第1行第1列数据的意外结束我的网络反应是这样的:"{"first_name"test">

有没有人知道为什么fetch不能解析json?

Answer 1

对于任何有同样问题的人来说，我将后端文件夹移动到前端的根目录，并删除了获取请求的模式no-cors。我安装了no cors应用程序，现在它可以工作了。我想模式no-cors打破了我的要求。