adobe / adobe/aio-cli-plugin-app

macOS: Safari: aio app run --local testing in the browser issue

Open
#335 1 comment 0 reactions 0 assignees View on GitHub
Dominant language
JavaScript
Stars
28
Forks
41
Avg merge
1d 2h
Merged PRs (30d)
3

Description

See related: #311

## Environment

Safari 14 macOS
aio-cli 5.0.1

## Description

The url to go in the browser is:
```
To view your local application:
-> https://localhost:9080
To view your deployed application in the Experience Cloud shell:
-> https://experience.adobe.com/?devMode=true#/custom-apps/?localDevUrl=https://localhost:9080
```
However, by going to `https://localhost:9080` and trying to run an action in the browser, you will get a `Not allowed to request resource` error in the developer console, which prevents the browser from connecting to the Openwhisk server at `http://localhost:3233` (note the `http`).

JavaScript Console Errors:
```
[Error] Fetch API cannot load http://localhost:3233/api/v1/web/guest/realisticazureboar-0.0.1/foo due to access control checks.
[Error] Error: – TypeError: Not allowed to request resource
```

## Investigation

Mixed content has been disabled [since Safari 9](https://stackoverflow.com/questions/32883306/safari-9-disallowed-running-of-insecure-content), and there is no way to disable it in developer tools or website settings.

## Fix/Workaround

Future fix: you can track Webkit bug [171934](https://bugs.webkit.org/show_bug.cgi?id=171934) to see if the proposed patch lands in a future version of Webkit/Safari.

The only workaround is to **use any other browser besides Safari**.

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.