iOS WKWebView: Origin http://localhost:12344 is not allowed by Access-Control-Allow-Origin

miriam7 · July 27, 2015, 2:18pm

Anybody using WKWebView (see Drastically improving the performance of your meteor iOS app with WKWebView) with CollectionFS to display images successfully?

I get the following error message: Origin http://localhost:12344 is not allowed by Access-Control-Allow-Origin.

Adding App.accessRule("http://localhost:12344/*", false);in mobile-config.js does not help.

adamgins · August 1, 2015, 8:13am

@miriam7
same issue I think … I had logged here https://github.com/practicalmeteor/meteor-wkwebview/issues/6 and https://github.com/CollectionFS/Meteor-CollectionFS/issues/760 but not luck on a response yet.

adamgins · August 1, 2015, 10:40pm

@miriam7 looks like this is the issue:

The worst issue is that WKWebView doesn’t allow loading files from the file (file://) protocol like UIWebView does. This is what Cordova uses internally to load files from the www folder. Using an embedded local http server to load the www folder from the http protocol circumvents this issue.

from http://plugins.telerik.com/cordova/plugin/wkwebview so we just need to work out how to get around this. I have Meteor’s webapp in my project and browser-policy but have not worked out the config settings to make this work yet.

JamesLefrere · October 29, 2015, 3:39pm

@adamgins Did you ever find a solution to this? I’m having the exact same issue, using https://github.com/serviewcare/WKWebview

Thanks!

adamgins · October 29, 2015, 6:44pm

Unfortunately no. I have not tried since meteor 1.2

Btw, Would be awesome if this was part of core like the new ‘meteor add crosswalk’

davidsun · October 30, 2015, 2:13am

My meteor App uses collectionFS and WKWebView, however the iOS App doesn’t use Cordova framework. File download and upload works as long as NO CDN, which is another issue.

When CDN is configured and turned on, then the App uploades file to CDN nodes.

If use FS.HTTP.uploadUrl = Meteor.absoluteUrl() + ‘/cfs/files’; then the upload address is corrected, however got error for “Access-Control-Allow-Origin”, which is understandable.

For me is to fix this issue…

dhavalrajani · March 16, 2016, 12:47pm

@miriam7 have you found any solution?

martijnwalraven · March 16, 2016, 1:10pm

@dhavalrajani: A fix has been merged to https://github.com/CollectionFS/Meteor-http-methods, but I don’t think a new version of the package has been published yet.

dhavalrajani · March 16, 2016, 1:48pm

what is use of this package? how it useful for file upload in IOS with wkwebview package?

martijnwalraven · March 16, 2016, 1:56pm

The Origin http://localhost:12344 is not allowed by Access-Control-Allow-Origin error that this topic is about is a result of CORS requirements. cfs:http-methods is the package CollectionFS uses to receive file uploads, and this where the header needs to be set.

This fix, together with WKWebView support in Meteor 1.3, should allow you to upload files to CollectionFS.

dhavalrajani · March 16, 2016, 1:59pm

Hello @martijnwalraven

I am getting following error after picking file from photo gallery of iPhone6

Can you tell me how to use this package to remove this error?

Thanks in advance

martijnwalraven · March 16, 2016, 2:09pm

From your output, it seems you are not yet running Meteor 1.3. Make sure you’ve removed any other WKWebView plugins, and update using meteor update --release 1.3-rc.2.

dhavalrajani · March 16, 2016, 2:12pm

Hello @martijnwalraven

I am using Meteor@1.1.0.3. And if i update this version it is possible that other functionality of my project wont work. Any solution for this version?

martijnwalraven · March 16, 2016, 2:51pm

WKWebView is not properly supported before Meteor 1.3, so I’m afraid updating is the only real solution.

dhavalrajani · March 17, 2016, 10:26am

Hello @martijnwalraven

after this command meteor update --release 1.3-rc.2 i am not able to build mobile apps. I am getting following error

While adding platform Android to Cordova project:
Cordova error: Failed to fetch platform android@5.1.1
Probably this is either a connection problem, or platform spec is incorrect.
Check your connection and platform name/version/URL.
Error: tunneling socket could not be established, cause=connect ETIMEDOUT
(If the error message contains suggestions for a fix, note that this may not apply to the Meteor integration. You can try running
again with the --verbose option to help diagnose the issue.)

martijnwalraven · March 17, 2016, 10:46am

This looks like a proxy issue. Are you indeed behind a proxy server? If so, you may need to configure the HTTP_PROXY or HTTPS_PROXY environment variables.

dhavalrajani · March 17, 2016, 10:59am

Hello @martijnwalraven Thanks for the great help

danlg · September 26, 2016, 6:06pm

@martijnwalraven for me this topic is still open, see also my post on Cordova (iOS and Android) cannot connect XHR / sockjs / CORS when setting up Nginx

I am running out of idea?
Do you have any help

Thanks