I have set up an instance of Sage using the Bedrocks WP frame work and served through Valet.
When using yarn start and running browersync, I am able to render images from scss or in html using the @asset() blade function. But I will also have some images coming from the WP backend through uploads. These will not render. I have inspected the url and it is correct with the localhost:3000 domain. If i navigate directly to that URL i get redrected to the home page. This only happens when going through the proxyUrl localhost:3000/app/uploads/example.png. When I just navigate to the devUrl like example.text/app/uploads/example.png the image renders fine.
@asset() is only intended for use with files that are stored in your theme, not for WordPress uploads. If you’re looking for a Blade directive to use with images in the WordPress Media Library, you might look at @Log1x’s @image directive.
As for why your localhost links aren’t working, I’m not sure but my guess would be that BrowserSync isn’t aware of them/able to serve them correctly.
I am not using @asset() for uploads rendering. I know that is just for images in my theme folder. I was just saying that works fine. It is just the images from the uploads file.
The URL localhost:3000/app/uploads/example.png is not working but example.text/app/uploads/example.png does not. I figured it a browsersync or yarn issues, but I don’t know how to resolve it.
What does the network tab in your browser’s inspector show for the images? Is it just a 404, or some other more interesting response?
My other guess would be that it could have something to do w/ Valet, but unfortunately I’m not very familiar with Valet at all. You might try searching the forums to see if someone has run into similar issues.