image-icons with BASE_URL set don't seem to work.

[dkowis]

I've set the Environment Variable BASE_URL in my docker-compose, and all the compiled assets are working fine, however image-icons are not.

     - title: Grafana
       url: https://example.com/grafana/
       icon: grafana.png

That icon is in the volume specified here:

services:
  dashy:
    # To build from source, replace 'image: lissy93/dashy' with 'build: .'
    # build: .
    image: lissy93/dashy
    container_name: dashy_dashy
    # Pass in your config file below, by specifying the path on your host machine
    volumes:
      - ./config.yml:/app/public/conf.yml
      - ./icons:/app/public/item-icons
    # Set any environmental variables
    environment:
      - NODE_ENV=production
      - BASE_URL=/dashy

But unfortunately:

All the image-icons specified are not honoring that BASE_URL. Did I find a bug? Did I configure something wrong?

[Lissy93]

Hmm I'll look into this this evening, it sounds like a bug

[Lissy93]

Heya @dkowis
Sorry for the delay on this, this is now fixed in version 1.8.7 merged in #273
Feel free to reach out if you need anything else, have a great weekend :)

[dkowis]

Well, it's better, but also worse:

Now, it loads, but it thinks it doesn't exist. If I click the button to go "home" it renders the dashboard, but it has changed the url to https://light..kow.is/ which does not include the /dashy/ path and things get real weird.

A reload of the page shows the proper page that you'll see if you visit https://light.kow.is .

I'm not sure why that's happening. I see the error in the console showing that the route /dashy doesn't exist.

My traefik config stirps the prefix on routing:

  [frontends.dashy.routes]
    [frontends.dashy.routes.route0]
       rule = "Host:light.kow.is;PathPrefixStrip:/dashy/"

If I change that to just PathPrefix, so that it doesn't strip, everything gets even more broke, so that's still the right config.

Thanks in advance!

[Lissy93]

I think this might have been caused by switching to HTML5-History Routing Mode, Vue is a pain to work with when dealing with sub-URLs. It requires a bit of extra server config to get working, which is outlined in the docs.

But to keep things simple, I've pushed an update in #277 which will let you switch back to the hash mode.

Just update your config to include appConfig.routingMode: hash, e.g.

appConfig:
  routingMode: hash

I hope that helps :)

[dkowis]

I'll try that, I didn't think to go look at the vue docs, not super familiar with vue. Thanks, will give that a shot when I've got a chance.