未知(承诺)错误: createError的网络错误

Question

我将使用Axios来通信API。但这种错误不断出现。我不明白这个问题。我在网上搜遍了所有的东西。帮帮我。我想要的只是点击这个按钮来查看开发工具中的低值。

  useEffect(() => {
    setJwt(getClientCookieFromClient('jwt'));
  }, []);

  const customFetch = async () => {
    const res = await axios
      .get(`${process.env.NEXT_PUBLIC_WECODE_URI}/subscription/master_table`, {
        headers: {
          Authentication: jwt,
        },
      })
      .then((res) => res.data);
    if (!res.data.success) {
      alert(res.data.message);
    }
  };

...

<button onClick={() => customFetch()}>API호출버튼</button>

Answer 1

注意：

不确定你的反应结构。当前代码与结构预期的工作方式相同：

res = { data: { data: {success: true}}}

如果不是，则使用if语句作为!res.success

useEffect(() => {
    setJwt(getClientCookieFromClient('jwt'));
  }, []);

  const customFetch = async () => {
    const res = await axios
      .get(`${process.env.NEXT_PUBLIC_WECODE_URI}/subscription/master_table`, {
        headers: {
          Authentication: jwt,
        },
      })
      .then((res) => res.data)
      .catch((err) => console.log("Error while fetching",err)); //<--- use .catch for catching error
    if (!res.data.success) {
      alert(res.data.message);
    }
  };

Answer 2

总是在尝试/捕捉块内等待。

const customFetch = async () => {
  try {
    const res = await axios
      .get(`${process.env.NEXT_PUBLIC_WECODE_URI}/subscription/master_table`, {
        headers: {
          Authentication: jwt,
        },
      })
      .then((res) => res.data);
    if (!res.data.success) {
      alert(res.data.message);
    }
  } catch (error) {
    console.log(error);
    // Do something with error
  }
};

Answer 3

试一试

useEffect(() => {
  setJwt(getClientCookieFromClient('jwt'));
}, []);

const customFetch = async () => {
  const res = await axios.get(`${process.env.NEXT_PUBLIC_WECODE_URI}/subscription/master_table`, {
    headers: {
      Authentication: jwt,
    },
  });
  if (!res.data.success) {
    alert(res.data.message);
  }
};