[에러 모음 -react]

1. axios cors 에러

   백엔드와 프론트엔드의 local host 가 아니기 때문에 에러가 발생한다.

이때 프론트엔드 package.json 에 proxy:' 백엔드서버'
추가후 > axios 사용할때 http:(아이피 주소 ) xxx > / 그냥 입력

2. 이미지 backend 서버에 경로만 저장할시

   require('../ ${}') 으로 사용할려고 했는데
   node.js 에서 require 은 변수를 인정하지 않는다고 함
   찾아보니 cloud 를 사용해서 이미지를 넣을수 밖에 없어서 원래 홈페이지에 있는 이미지를 사용하기로 결정

３。ａｘｉｏｓ 을 통한 ｈｔｔｐ 연결

path: '/product/:productname',

경로：：／ ｐｒｏｄｃｕｔｎａｍｅ 에 해당하는 경로로 이동해주세요

  loader: async ({ params }) => {

    console.log(params.productname, '아이디')

    const rr = await axios(`/product/${params.productname}`, {
      method: 'GET',
      mode: 'no-cors',
      headers: { "Access-Control-Allow-Origin": "*" },

      withCredentials: true,
      credentials: 'same-origin',
    })
    console.log(rr.data);

    return rr.data;


  }
  ```

loader: async ({ params }) => {${params.productname}
여기 부분은 고정으로 ｐａｒａｍｓ 을 뽑아주세요。。이다 변수 바꾸면 ｘｘ