跨源读取阻塞 React - Nodejs

发布于 2025-01-11 01:28:58 字数 557 浏览 2 评论 0原文

我正在尝试从 lh:5000

useEffect(() => {
    const getProducts = async () => {
      try {
        const res = await axios.get(
          cat
            ? `http://localhost:5000/api/products?category=${cat}`
            : "http://localhost:5000/api/products"
        );
        console.log(res);
      } catch (err) {}
      setProducts(res.data)
    };
  }, [cat]);

cat 上运行的 REST API 获取数据。我收到 2 个错误：

跨源读取阻止 (CORB) 阻止跨源响应
res 未定义。

我收到 1 条警告 getProducts 已定义但从未使用过

如何修复这些错误？谢谢

原文

I am trying to fetch data from REST API running on lh:5000

useEffect(() => {
    const getProducts = async () => {
      try {
        const res = await axios.get(
          cat
            ? `http://localhost:5000/api/products?category=${cat}`
            : "http://localhost:5000/api/products"
        );
        console.log(res);
      } catch (err) {}
      setProducts(res.data)
    };
  }, [cat]);

cat is a prop.
I get 2 errors :

Cross-Origin Read Blocking (CORB) blocked cross-origin response
res is not defined.

I get 1 warning getProducts is defined but never used

How do I fix these errors? Thanks

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

归属感 2025-01-18 01:28:58

您尚未调用 getProducts 函数，因此它收到警告 getProducts 已定义但从未使用。

其次，您正在访问变量 res，而不是在 try 中访问它们的作用域。

useEffect(() => {
    const getProducts = async () => {
      try {
        const res = await axios.get(
          cat
            ? `http://localhost:5000/api/products?category=${cat}`
            : "http://localhost:5000/api/products"
        );
        console.log(res);
        setProducts(res.data) // set state here
       } catch (err) {}
    
    };
  getProducts(); // call function too.
  }, [cat]);

You have not called getProducts function so its getting warning getProducts is defined but never used.

And secondly you are accessing variable res other than their scope access it in try.

useEffect(() => {
    const getProducts = async () => {
      try {
        const res = await axios.get(
          cat
            ? `http://localhost:5000/api/products?category=${cat}`
            : "http://localhost:5000/api/products"
        );
        console.log(res);
        setProducts(res.data) // set state here
       } catch (err) {}
    
    };
  getProducts(); // call function too.
  }, [cat]);

回复收藏 0 原文

~没有更多了~