Public폴더 , 절대경로 이용하고 싶을 때. 환경변수

 

Public 폴더의 절대경로를 이용하고 싶을 때

 

html 에서는 %PUBLIC_URL%  

<link rel='icon' href='%PUBLIC_URL%favicon.ico" />

 

js 에서는 process.env.PUBLIC_URL 

render() {
	return <img src={process.env.PUBLIC_URL + '/img/logo.png'} />
}

 

+ 환경변수를 스트링값 데이터로 받아오면 안됐다. 

process.env.PUBLIC_URL 

이놈은 데이터로 받아오면 안됐다. 여기까지는 직접 쓰고 뒤의 링크만 받아와서 사용해야 했다. 

// 1) 이미지의 주소값에 환경변수를 포함해서 데이터로 받아온 뒤에 넘겨줬더니 작동하지 않았다.
<img src={link} />


// 2) 환경변수는 별도로 코드에 작성하고 뒤의 실제 주소만 데이터로 받아온 뒤에 넘겼더니 동작.
<img src={process.env.PUBLIC_URL + link} />