重定向后，FlowRouter本地服务的图像中断

Question

While using FlowRouter if I load my page any locally served images (images/myImage.png) works fine. But if I navigate to a page and then navigate back (home page -> about page -> home page) the image is broken. However in the developer console, if I hover over the image source, the image appears fine.

This is not an issue with images served from another server.

Update I never solved this issue, but because this still seems to be an issue with many people. I'm posting my work around. Based on the Meteor communities advice, I switched to cloud based image hosting like Cloudinary or AWS

Answer 1

It sounds like you are sometimes accessing images using their file paths. With Meteor, to serve static files properly, they need to be in the /public folder of your project. So you should put them in /public/images , and then reference them according to the following example:

The file

/public/images/foo.png

is displayed by

<img src="/images/foo.png>

See here: https://guide.meteor.com/structure.html#special-directories

Answer 2

I realized that although my images worked with the following:

Image is in /public/images/name.png

<img src="images/name.png">

But then I changed the url to:

<img src="/images/name.png">

Now it works and doesn't break.