표시할 사진이 많은 프로젝트를 진행 중인데 추후 유지 관리의 편의를 위해 사진을 업로드하고 절대 경로를 사용하여 표시할 예정이므로 나중에 사진이 업데이트되거나 추가될 수 있습니다. , , 프로젝트를 변경할 필요가 없습니다. 그냥 사진 관리 장소로 가서 작업하면 됩니다.
하지만! 이제 로컬에서 테스트할 때 CSS로 작성합니다.
Background: url(D:devuploadfile test picture 1.png) no-repeat;
결과는 오류입니다. 로컬 리소스를 로드할 수 없습니다: file:///D:/ dev/ uploadfile/%E5%82%A8%E5%80%BC%E5%8D%A1%E6%8D%A2%E5%8D%A1%E6%B5%81%E7%A8%8B.png
대략 말하기 절대 경로는 사용할 수 없습니다. 하지만 사용할 수 있어야 한다고 생각하는데 왜 내 경로 앞에 file:///을 추가합니까? 이것이 내 사진에 액세스할 수 없는 이유입니까?
추가로, 슬래시와 백슬래시를 변경해 봤기 때문에 문제가 되지 않을 것입니다.
그리고 절대 경로를 사용해야 하는데, 상대 경로를 사용하려면 모든 그림을 프로젝트에 넣어야 하기 때문에 유지 관리가 매우 번거로울 수 있습니다. 따라서 상대 경로를 사용하는 친구들에게 알려주실 수 있나요? 사후관리 솔루션, 당신도 올릴 수 있어요
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
로컬 리소스를 로드할 수 없습니다
보안상의 이유로 이러한 방식으로 로컬 파일에 액세스하는 것은 허용되지 않습니다.
로컬 이미지 폴더에서 http 서비스를 시작할 수 있습니다. nginx, python, nodejs 등을 사용할지는 개인 취향에 따라 다릅니다.
매번 또는 정기적으로 인터페이스를 통해 서비스 백그라운드로 이동하여 최신 이미지 URL을 가져온 다음 이를 백그라운드에 동적으로 구성합니다.
여기서 첫 페이지에 제공할 http 서비스를 갖기 위해서는 이미지 서비스 배경이 필요합니다