상세페이지에서 get이 안되는 경우

get형식으로 받아온다는 걸 방금 캐치해서 포스트맨으로 데이터를 요청했는데 데이터는 잘 받아집니당.. (사진)

상세페이지에서 get이 안되는 경우

(사진) localhost: 8080 / products / 3 에서 이런 데이터들이 보이는데 react를 실행시켜서 localhost: 3000 / products / 3 에 접속하면 404에러가 뜨는데 왜그럴까요... import { useParams } from "react-router-dom"; import axios from "axios"; import { useEffect, useState } from "react"; import "./index.css" function ProductPage() { const { id } = useParams(); const [product, setProduct] = useState(null); useEffect(function () { axios.get(`http:/localhost:8080/products/${id}`).then( function (result) { setProduct(result.data.product); console.log(result); } ).catch( function (error) { console.log(error); } ) }, [id]); if (product === null) { return h1>값을 받아오는 중입니다...h1> } return ( div> div id="image-box"> img src={"/" + product.imageUrl} alt="product-img" /> div> div id="profile-box"> img src="/images/icons/avatar.png" alt="seller-img" /> span>{product.seller}span> div> div id="contents-box"> div id="name">{product.name}div> div id="price">${product.price}div> div id="create-at">생성된 날짜가 들어갈예정: 2020.1.1.div> div id="discription">{product.discription}div> div> div> ); } export default ProductPage; (사진)

상세페이지에서 get이 안되는 경우

(사진)콘솔창에서는 프로토콜에러라고 뜨는데 어느부분의 문제인지 모르겠습니다...

mock서버 error

참고로 선생님께서 private서버를 쓰셨길래 예제 만들때 참고했다가 구글에서 private서버 사용시 NotFoundError가 날 수 있다고 하여 기존서버를 삭제하고 다시 mockServer를 생성했는데도 NotFoundError가 나네요.