[Solved] Cordova: Displaying images from 3rd party domain

mobile
1

I have a feature wherein our users can upload their profile pic and the system will automatically upload it to another site: cloudinary

Here is a sample URL: http://res.cloudinary.com/bountee/image/upload/v1532349877/profile/9tpGcsiM5BCaWeDw3.png

In development, I can display this image but it is not being displayed in production.

I tried adding the following to mobile-config.js

App.accessRule('https://*.cloudinary.com/*');
App.accessRule('http://*.cloudinary.com/*');

I also tried using browser-policy package but I’ve read that Meteor is allowing everything through a catch all meta tag for cordova. For what its worth, here was my browser policy settings:

BrowserPolicy.content.allowImageOrigin('*.cloudinary.com');

Any idea what I might be missing?

I’m using Meteor 1.7.0.3 with cordova

2

Made an error with App.accessRule() origin parameter. It must be as follows:

App.accessRule('https://*.cloudinary.com');
App.accessRule('http://*.cloudinary.com');