Skip to main content
cancel
Showing results for 
Search instead for 
Did you mean: 

Find everything you need to get certified on Fabric—skills challenges, live sessions, exam prep, role guidance, and more. Get started

Reply
shirish
New Member

No 'Access-Control-Allow-Origin' header is present on the requested resource.

Hi, 

 

We have one MVC Web Application(Embeded PowerBI) which displyed dashboard from powerBI service(Its a simple Web Application didn't used any WebAPI.). PowerBI Dashboard contains an image on it, by clicking on the image we redirects it to one custom link and it works fine from dashboard, but same thing not works from our Embeded PowerBI web application. When I clicked on image following error has been thrown (client site error in Crome)-

 

Error : XMLHttpRequest cannot load.....No 'Access-Control-Allow-Origin' header is present on the requested resource.

 

To resolve this I have tried below methods but it’s does not worked -

  1. Added Reference of System.Web.Http.Cors library from Nuget Package.

                 Added 'EnableCors' attribute at controller as well as action level -

                [EnableCors(origins: "*", headers: "*", methods: "*")]

 

  1. Adding Web server settings in Web.config file.

     '<system.webServer>
          <httpProtocol> 
                <customHeaders>
                        <add name="Access-Control-Allow-Origin" value="*" />
               </customHeaders>
          </httpProtocol> 
     </system.webServer>'

 

 

Please help me regarding this issue.

 

2 REPLIES 2
KumarDarmesh
Helper IV
Helper IV

Can you expand on how to enable the header properly?

Helpful resources

Announcements
July 2024 Power BI Update

Power BI Monthly Update - July 2024

Check out the July 2024 Power BI update to learn about new features.

PBI_Carousel_NL_June

Fabric Community Update - June 2024

Get the latest Fabric updates from Build 2024, key Skills Challenge voucher deadlines, top blogs, forum posts, and product ideas.