Anyone able to get Electron app working with CORS

[kfawcett]

I’ve managed to get Android working, but now I’m stuck with Electron.

It looks like the issue is that I’m missing the “Allow Origin Header” in the preflight request. Any ideas on how to correct this error?

PreflightMissingAllowOriginHeader

[kfawcett]

I finally got it to work. It requires the capacitor-electron://-. I’m not sure why, but I must have not entered it in the correct config.json and it took a few redeploys and restarting of the electron app to have it work successfully.

    "cors": {
        "origin": [
            "http://localhost",
            "http://localhost:62994",
            "capacitor-electron://-"
        ],

[George]

You might also try this solution:

Need HELP with Mobile F7 app login process

well there you are… after experimenting with multiple Capacitor settings, the final solution was just to use the native Capacitor Http plugin that bypasses all CORS. It is already built in Capacitor core, so you just have to enable it. So just edit capacitor.config.json in your project root and add the plugins section as below. { "appId": "com.example.app", "appName": "helloworld", "webDir": "www", "bundledWebRuntime": true, "plugins": { "CapacitorHttp": { "enabled": true …

Then you don’t need CORS at all. Not sure if it works for Electron but you can try

[kfawcett]

Thanks @George, but I don’t want to disable security.

[George]

You are not disabling any security, just cors checks - those are also not performed in your browser if you call the url directly.

All security provider and other restrictions stay in place.

[kfawcett]

oh wow! Ok.

[kfawcett]

Solution in Musings on Mobile App Development in Wappler with CORS