Can you bypass routing to load a resource?

[psobolik]

While rewriting a web app in Leptos I ran into a problem with loading an external SVG file.

My goal was to use symbols in the external file for button icons, like my original app did.

<button id="add-menu-button" class="icon-button">
  <svg><use xlink:href="/symbols.svg#bars"></use></svg>
</button>

The new app uses a router, which causes a problem.

<Router>
  <Routes fallback=|| view! { <NotFound /> }>
    <Route path=path!("/:id") view=Home />
    <Route path=path!("/") view=Home />
  </Routes>
</Router>

When the page requests the SVG file, the router interprets the request as if "symbols.svg" were the id parameter, which I suppose is to be expected. I wanted instead to specify that the symbol file URL was meant to be served as is, in the way that JavaScript and style sheets are, but as far as I've been able to determine, SVG files are not passed through, and the router only handles views.

After drafting this I found a way of handling icons by implementing a view that returns their SVG markup directly instead of trying to get them as symbols from a file, but I still wonder if Leptos makes any accommodation for loading a resource file like this.

[gbj]

In this case I'd usually put the static files in a non-root directory so they had URLs like /assets/symbols.svg.

The JS/WASM are served correctly in the case you describe because they are in the /pkg directory, for example.

[psobolik]

Thanks for the reply. Unfortunately, the problem wasn't actually due to the router; I had simply neglected to include a link to the file (<link data-trunk rel="copy-file" href="public/symbols.svg" />) in the index.html file, so as far as the app was concerned, it did not exist and the 404 response was correct.