Connecting to API through CORS

Community Help
1

I have multiple people using the same notebook to generate charts. The notebook fetch the data from API and most users don’t meet any problem accessing the data and see the chart. However, only one user kept telling me she cannot access the data and sent me this screenshot:

Screen Shot 2021-04-19 at 11.56.15 AM
Screen Shot 2021-04-19 at 11.56.15 AM1397×817 177 KB

Her browser is Chrome and she access the notebook using the incognito mode.

Link to the notebook: Crypto Asset Volatility (30d) / CoinDesk / Observable

1 Like
2

It’s possible that they’re hitting the glitch.com rate limit for free instances. I’d suggest to set up your own CORS proxy. You can fork the glitch project here: Glitch

3 Likes
3

You can also use CORS Proxy fetchp / Tom Larkworthy / Observable

which you can lock down to a single upstream domain.

import {fetchp} with {DOMAINS as ALLOW_DOMAINS} from '@tomlarkworthy/fetchp'
...
DOMAINS = ['fred.stlouisfed.org']

You use fetchp like normal fetch. It’s a bit slow to startup though, the glitch one is faster. fetchp can also inject secrets, so then it becomes quite useful as an API proxy.

3 Likes