локальный хост-сервер не найден во внешнем интерфейсе, Node js - PullRequest
Новая
       74

локальный хост-сервер не найден во внешнем интерфейсе, Node js

0 голосов
/ 03 августа 2020

Код приведен ниже, но он не может получить доступ к localhost: 3000 / api / product. когда я проверяю XHR в отладчике chrome, он показывает, что продукты не найдены, обратите внимание, что продукт - это объект, который я объявил в данных. js

import React, {useState, useEffect} from 'react';
import {Link} from 'react-router-dom';
import axios from 'axios';



function HomeScreen(proops){
    // define a hook

    const [products, setProduct] = useState([]);
 
    useEffect(() => {
        const fetchData = async () =>{
            //point local host 3000 to access api products
            const {data} = await axios.get("/api/prodcuts");
            setProduct(data);
        }
        fetchData();
        return () => {
            //
        };
    }, [])

    return <ul className="products">
        {
            products.map(products =>
                <li key = {products._id}>
                    <div className="product">
                        <Link to={'/product/' + products._id}> <img className="product-image" 
alt="sofa" src={products.image}/></Link>
                        <div className="product-name"><Link to={'/product/' + products._id}> 
{products.name}</Link></div>
                        <div className="product-brand">{products.brand}</div>
                        <div className="product-price">$ {products.brand}</div>
                        <div className="product-ratings">{products.rating} Stars 
({products.numReviews})</div>
                    </div>
                 </li> 
            )
        }
    </ul>
}
export default HomeScreen;
...