css 배경이 배치되지 않음

Question

URL을 만드는 HashRouter를 사용하여 반응 프로젝트를 GH 페이지에 배포하려고합니다. https://foo.github.io/foo-site/#/ 내 CSS 배경 이미지를 제외하고 모든 것이 놀랍도록 잘 작동합니다. 로컬로 작동하지만 배포시에는 404가 표시됩니다.

내 폴더 구조입니다 ..

App/ 
|--build/ 
|--public/ 
| |--images/ 
| | |--background.jpg 
|--src 
| |--Components.js 
| |--style.css 
|--package.json 
|--yarn.lock 

하는 CSS 배경 이미지의 경로는이 내 로컬 반응 서버에서 작동하지만하지의 원인이 될지

foo { 
    background-image(/images/background.jpg) 
} 

처럼 전개?

Answer 1

내 이미지/폴더를 내 src/폴더로 이동하는 것이 트릭을 만들었습니다. `은 https : // foo.github.io/foo는 현장/이미지/background.jpg` 당신의 이미지에 있습니다 배포하면 그때

foo { 
    /*background-image: url(/images/background.jpg)*/ 
    background-image: url(images/background.jpg) 
}