Troubleshooting
Card Fails to Load Data Due to CORS Issues
Description: Card, embedded in your hosting environment fails to load data, due to CORS error.
Root Cause: If the card uses a remote URL, such as the publicly available Northwind OData service, the browser may refuse to connect to it. Due to the same-origin policy, browsers deny AJAX requests to service endpoints in case the service endpoint has a different domain/subdomain, protocol, or port than the app.
Resolution: In this case the card should not request the data service directly, but should use destination instead.
- Configure a destination in the card manifest (see card destinations)
- Make sure that the host environment resolves the destination correctly (see resolving destinations)
or that you have a
defaultUrl
in the manifest which works in your testing environment - Check the request made (for example using the browser's Network tab) and ensure it is requesting the correct resource