[초보자] 백그라운드:url();이미지를 표시하지 않는 문제 해결

의 목적

  • 개인 개발을 할 때 디자인을 응용하려고 했는데 이미지 읽기 오류에 대응하는 내용의 비망록
  • 이 생겼다

    컨디션

  • ruby 2.4.1
  • Rails 5.1.6
  • 현상.



    오류 내용: "[img]01.jpg를 찾을 수 없습니다."
    vendor/assets/stylesheets/main.css
    background-image: url('/assets/images/img-01.jpg') 
    

    기대치


    그림을 보여주고 싶어요!!!!!

    단계(해결 방법)


    public/assets/images 아래에 그림 설정하기 (이것만!)

    public/assets/images 아래에 그림 설정하기


    public/assets/image 디렉터리 만들기
    mkdir public/assets/images # ディレクトリを作成
    
    img-01.jpg를public/assets/images 아래에 설정
    public/assets/assets/images/img-01.jpg # 画像の設置
    

    해결하다


    이미지 읽기 오류가 사라짐

    감상


    다른 사람의 정보를 보면 위와 같은 설정을 하지 않아도 개발자 환경은 그림을 읽을 수 있다.

    추기


    2 자산 라인의 사용 방법
    이전의 Rails에서 모든 자산은 공공 디렉터리에 있는 이미지,javascripts,stylesheets 등 하위 폴더에 놓여 있었다.자산 라인을 도입한 후 app/assets 목록을 자산 방치 장소로 추천합니다.이 디렉토리에 배치된 파일은 Sprockets 중간부품에서 지원됩니다.
    자산도 계속 공공 목록 아래에 놓을 수 있다.config.serve_static_files가 진짜로 설정되었을 때,public 디렉터리에 놓인 모든 자산은 프로그램이나 웹 서버에서 정적 파일로 간주됩니다.미리 처리해야 할 파일은 app/assets 디렉터리에 두어야 합니다.
    제품 모드에서, Rails는 미리 컴파일된 파일을public/assets에 놓습니다.사전 컴파일된 파일은 웹 서버에서 정적 자산으로 간주됩니다.app/assets에 놓인 파일은 제품 환경에서 직접 사용되지 않습니다.

    참고 자료


    Rails 가이드/자산 라인
    Rails background:url();이미지가 표시되지 않는 문제 해결

    좋은 웹페이지 즐겨찾기