Caching 在phoenix中引用正确的静态文件

Caching 在phoenix中引用正确的静态文件,caching,elixir,phoenix-framework,Caching,Elixir,Phoenix Framework,在phoenix项目中,我可以通过以下方式在css文件中引用摘要img: background-image: url("/images/phoenix.png"); 并提及: http://localhost:4000/images/phoenix-5bd99a0d17dd41bc9d9bf6840abcc089.png?vsn=d http://localhost:4000/images/phoenix.png 我想引用同一个文件,但是图像src添加了javascript,如下所示: d

在phoenix项目中,我可以通过以下方式在css文件中引用摘要img:

background-image: url("/images/phoenix.png");
并提及:

http://localhost:4000/images/phoenix-5bd99a0d17dd41bc9d9bf6840abcc089.png?vsn=d
http://localhost:4000/images/phoenix.png
我想引用同一个文件,但是图像
src
添加了javascript,如下所示:

document.querySelector('#my-img').src = '/images/phoenix.png';
但这只提到:

http://localhost:4000/images/phoenix-5bd99a0d17dd41bc9d9bf6840abcc089.png?vsn=d
http://localhost:4000/images/phoenix.png
我如何配置phoenix端点来代替为摘要img文件提供服务


(我希望此功能用于更新缓存文件)

因为您事先知道图像文件,所以可以使用javascript变量并将该值设置为该图像文件的URL,然后在脚本中使用它

在.eex模板中类似于以下内容:

<script>
 // using static_path(@conn, "/path/to/asset") will give the digested file url
 var disgestedImageUrl ="<%= static_path(@conn, "/images/phoenix.png") %>";
</script>

//使用静态路径(@conn,“/path/to/asset”)将给出摘要文件url
var disgestedImageUrl=“”;
然后将使用URL的脚本放在.js文件中

<script>
  document.querySelector('#my-img').src = digesterImageUrl;
</script>

document.querySelector('#my img').src=digesterImageUrl;