Embedding blocked by extension

[laurie-bamber]

Hey folks,

I'm trying to embed a sample dashboard that I've made to a Python-based web application. When I click on 'Sharing and Embedding' and 'Embed this dashboard in an application', however, an error pops up where the dashboard is supposed to be, saying:

"Requests to the server have been blocked by an extension."

I've looked at threads related to this error (see bottom of post), however the fixes that they applied haven't been able to solve the problem, these fixes being updating browsers and changing the https in the URL. The steps I've taken so far are:

• Making sure Chrome is up-to-date
• Removing all extensions
• Assigning special site privlidges

Does anyone know what this could relate to?

Problems Incorporating Dashboards

Guys, good afternoon! When you embed a dashboard, the following error is shown: "There was a problem displaying this chart" and "Requests to the server were blocked by an extension". When using a public link, dashboards are displayed normally, but when embedding, this error appears. Information about my system: Mebase version: v0.32.1 Database Internal: H2 Operating System: Windows 10 Browser: Chrome, Microsoft Edge ... Did any of you ever face this problem and found a solution? [erro_exi…

Embedding Blocked

I have successfully deployed metabase using a container on Google Cloud. We are connecting it to a postgres database on CloudSql. Everything appears to be working great except for embedding. When I go to embed a specific dashboard, the preview pane shows an error with the message: Requests to the server have been blocked by an extension. I am not sure if it is with our setup or something else. Anyone have any ideas how to fix it? Thanks, Adam

[flamber]

Hi @laurie-bamber
Which version of Metabase?
What messages do you see in the browser console?

[laurie-bamber]

Hi Flamber, thanks for the quick reply! I’m not sure about the version I’m using (I assume the latest), but heres the error log appearing in the console:

app-main.bundle.js:5 DEPRECATED: metabase/redux/metadata fetchDatabaseMetadata
v @ app-main.bundle.js:5
vendor.bundle.js?b4d1fbde3b5fca6c1555:1 Refused to frame ‘http://172.31.42.57/’ because it violates the following Content Security Policy directive: “child-src ‘self’ https://accounts.google.com”. Note that ‘frame-src’ was not explicitly set, so ‘child-src’ is used as a fallback.

[flamber]

@flamber
Click the in the top right corner to show the Settings menu, then “About Metabase” to see version.
I’m not sure if you can use a non-localhost IP without using a domain, since it will be blocked by CSP:
https://developer.mozilla.org/en-US/docs/Web/HTTP/CSP
Are you using a reverse proxy and a domain? Then you need to define that in Settings > Admin > Settings > General.