我的文件夹应用>资产>媒体> logo-footer.svg中有一个图标 在我的代码中,它看起来像这样:
<img loading="lazy" class="footer__logo" src="app/assets/medias/logo-footer.svg" alt="Logo">
在我的应用程序中,我的控制台出现错误:GET http://127.0.0.1:3000/assets/icons.svg 404(未找到)。
如何设置此icon.svg的正确路径?
我的文件夹应用>资产>媒体> logo-footer.svg中有一个图标 在我的代码中,它看起来像这样:
<img loading="lazy" class="footer__logo" src="app/assets/medias/logo-footer.svg" alt="Logo">
在我的应用程序中,我的控制台出现错误:GET http://127.0.0.1:3000/assets/icons.svg 404(未找到)。
如何设置此icon.svg的正确路径?
您应该使用asset_path
助手来生成图像的路径,而不是对其进行硬编码:
<img loading="lazy" class="footer__logo" src="
<%=asset_path("logo-footer.svg")%>" alt="Logo">
您还可以使用image_tag
助手:
<%= image_tag(logo-footer.svg,alt:"Logo",class: "footer__logo",loading: "lazy" %>
在Asset Path Guideline中了解更多信息。