[QUESTION] What am I missing/doing wrong in the Pi Hole Stats widget?

[KierenConnell]

Question

Configured the Pi Hole stats widget as per the example, but it returns Unable to fetch data

name: Pi-Hole Stats
icon: hl-pihole
displayData:
  sortBy: default
  rows: 1
  cols: 1
  collapsed: false
  hideForGuests: false
widgets:
  - type: pi-hole-stats
    options:
      hostname: 'https://pihole-1.kierenconnell.com/admin/api.php'

Have tried setting hostname as direct IP to Pi Hole as per example, and also api.php

Category

Widgets

Please tick the boxes

• [X] You are using a supported version of Dashy (check the first two digits of the version number)
• [X] You've checked that this question hasn't already been raised
• [X] You've checked the docs and troubleshooting guide
• [X] You agree to the code of conduct

[liss-bot]

Welcome to Dashy 👋 It's great to have you here, but unfortunately your ticket has been closed to prevent spam. Before reopening this issue, please ensure the following criteria are met.

Issues are sometimes closed when users:

• Have only recently joined GitHub
• Have not yet stared this repository
• Have not previously interacted with the repo

Before you reopen this issue, please also ensure that:

• You have checked that a similar issue does not already exist
• You have checked the documentation for an existing solution
• You have completed the relevant sections in the Issue template

Once you have verified the above standards are met, you may reopen this issue. Sorry for any inconvenience caused, I'm just a bot, and sometimes make mistakes 🤖

[Lissy93]

@EVOTk also raised this too. It seems to be a CORS error, I'll implement an option to proxy the request with the correct headers.

In the meantime, verify that you've got API access enabled on your Pi-Hole, can you access https://location-of-pi-hole.local/admin/api.php. If you were to set the CORS headers to allow requests from Dashy, this would also fix your issue.

[Lissy93]

Actually, just noticed in your config sipped that you've got a mistake, the hostname should just be: https://pihole-1.kierenconnell.com. Could you also share the output of the console, so that I can debug the issue, is there an error in Red?

[KierenConnell]

Same error Unable to fetch data if I have hostname as https://pihole-1.kierenconnell.com

[Lissy93]

Yup, that's a missing CORS header. Depending on how you're hosting Pi-Hole you should just be able to add:

Access-Control-Allow-Origin: https://location-of-dashy/

But I will also add a proxy server which you can then use as an option

[Lissy93]

Heya @KierenConnell I've pushed a fix out for this, you can now proxy requests to Pi-Hole, without the need to apply any headers on Pi-Hole's side :) Hope that helps, and happy new year 🎇

[KierenConnell]

Awesome! Working perfectly now Thanks!

[liss-bot]

The fix for this issue has now been released in Dashy 2.0.0 ✨

If you haven't done so already, please update your instance to 2.0.0 or later. See Dashy 2.0.0 for full info.

Feel free to reach out if you need any more support. If you are enjoying Dashy, consider supporting the project.