자산에서 Shopify/Dashing을 사용하여 dashboard.erb에 정적 이미지 표시

Question

대시 (http://dashing.io/)를 사용하는 작업 대시 보드가 있으며 자산/이미지 폴더에 정적 이미지를 저장하려는 경우 대시 보드 상단에 배너가 있습니다.

나는이 내 dashboard.erb 파일의 상단에 작업을 얻으려고 :이 대시 보드 상단에 이미지를 표시하지 않습니다 <img src="/assets/images/test_image.png">

있지만 다음 다른 곳 <img src="exampleurl.com/images/test_image">에 위치하고 때 이미지가 표시됩니다.

나는 여기서 중요한 것을 놓치고 있다고 생각한다. 그리고 내가 해낸 책에서 Sprockets과 관련이 있다고 상상한다. 그러나 나는 그 구현을 이해하지 못한다.

Answer 1

에 SRC를 가리켜 야, <img src="/assets/test_image.png">

를 가리키는 자산에 액세스 할 수도 있지만 내 목표는 웹 루트의 자산 폴더에서 참조한 내 대시 대시 보드 상단에 정적 이미지를 배치하는 것이 었습니다. dashboard.erb 파일에 로컬 이미지를 참조하는 방법을 알아 내려고 후, 나는 이미지가 /assets/images/test_image.png에 배치하면 다음 결과 HTML 보이는 것을 발견과 같은 :

<img src="assets/test_image.png">

이 시점에서 이미지가 대시 보드에 표시됩니다.

다른 사람에게 도움이되기를 바랍니다.

Answer 2

스프로킷을 사용하는 경우. ERB 도우미를 사용하는 것은 어떻습니까 <%= image_tag "test_image.png" %> ??

ERB 헬퍼는 스프로킷이 자산을 컴파일하는 올바른 경로로 연결됩니다.

자산을 컴파일 할 때 Sprockets 동작은 경로에 공개 된대로 배치됩니다. 실제로는 ./public/assets/...입니다. 당신이 ERB 도우미를 사용하지 않으려는 경우에도 그래서, 당신은 당신이 public/images 내부에 직접 이미지 파일을 넣을 경우는 <img src="images/test_image.png">