adobe / adobe/aio-cli-plugin-app
macOS: Safari: aio app run --local testing in the browser issue
- 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
Assessment
This issue has not been assessed yet.