类型错误：无法读取属性“错误”和类型错误：无法获取

Question

我最初已经定义了 $a.Replace("`",$Word", "`"$Word")，但现在我不知道为什么要显示这样的错误

从后端代码获取数据：

error 文件

auth.js

我在 import fetch from "isomorphic-fetch"; import { API } from "../config"; export const signup = (user) => { return fetch(`${API}/signup`, { method: "POST", headers: { Accept: "application/json", "Content-Type": "application/json", }, body: JSON.stringify(user), }) .then((res) => { return res.json(); }) .catch((err) => { console.log(err); }); }; 中有链接连接，我确定没问题。

之后，当我提交我的 API 然后显示错误，注册 handleSubmit 代码：

signup 文件

signupComponent.js

我确定我的互联网连接正常。 不知道哪里出了问题。

请提出任何建议。

Answer 1

你有一个回调链

fetch().then().catch()

在您的 .then() 中您返回数据，但在您的 .catch() 中您什么都不返回。 因此，如果提取失败，您的外链将尝试处理 undefined。

signup().then(
  (data) => ... data.error // data is undefined
)

Answer 2

auth.js 文件已更新：

从 catch 中返回 err

import fetch from "isomorphic-fetch";
import { API } from "../config";

export const signup = (user) => {
  return fetch(`${API}/signup`, {
    method: "POST",
    headers: {
      Accept: "application/json",
      "Content-Type": "application/json",
    },
    body: JSON.stringify(user),
  })
    .then((res) => {
      return res.json();
    })
    .catch((err) => {
      return err;
    });
};

Answer 3

我已经通过这种方式解决了我的问题：

1. 使用 try catch 块解决查找问题
2. 在 catch 块中使用了 .catch((err) => { return err; });
3. 并确保 API 连接成功
4. 然后运行我的后端服务器

然后运行我的前端。