Blocked by CORS policy

[jeppebundsgaard]

I have installed and run phcode on my remote server. It is running.
I have produced this apache-config to proxy port 8000 to https:

<VirtualHost *:443>
                ServerName domain.dk
                DocumentRoot /var/www/domain/
                ServerAdmin jeppe@bundsgaard.net

               ErrorLog ${APACHE_LOG_DIR}/error.log
                CustomLog ${APACHE_LOG_DIR}/access.log combined

                ProxyRequests Off
                ProxyPreserveHost On
                ProxyVia Full

                <Proxy *>
                        Require all granted
                </Proxy>

                ProxyPass / http://127.0.0.1:8000/
                ProxyPassReverse / http://127.0.0.1:8000/

                ### following three lines are for CORS support
    Header always set Access-Control-Allow-Origin "*"
    Header always set Access-Control-Allow-Methods "GET, PUT, POST, DELETE, HEAD"
    Header always set Access-Control-Allow-Headers "origin, x-requested-with, content-type"
 
                #   SSL Engine Switch:
                #   Enable/Disable SSL for this virtual host.
                SSLEngine on

        Include /etc/letsencrypt/options-ssl-apache.conf
        SSLCertificateFile /etc/letsencrypt/live/domain.dk/fullchain.pem
        SSLCertificateKeyFile /etc/letsencrypt/live/domain.dk/privkey.pem

</VirtualHost>

I access domain.dk/src and phoenix loads fine. I can write code etc. But I cannot install extensions etc. I think the following extract from the console points to the error (CORS-policy)

src/:1 Access to fetch at 'https://account.phcode.dev/resolveBrowserSession' from origin 'https://kodeklubben.denfjerdepart.dk' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.
request-tracker-fetch.js:24  GET https://account.phcode.dev/resolveBrowserSession net::ERR_FAILED 404 (Not Found)

• but I don't understand why, because I adressed that in the apache-config. I guess it is somewhere in the js-code?

Context for the error message:

PhoenixFS: virtual fs started in debugMode:false on environment: web-worker
FileSystem.js:1138 File watchers went offline!
FileSystem._unwatchAll @ FileSystem.js:1138
initWatchers @ AppshellFileSystem.js:136
FileSystem.init @ FileSystem.js:407
(anonym) @ FileSystem.js:1218
execCb @ require.js:1696
check @ require.js:878
(anonym) @ require.js:1139
(anonym) @ require.js:134
(anonym) @ require.js:1189
each @ require.js:59
emit @ require.js:1188
check @ require.js:938
(anonym) @ require.js:1139
(anonym) @ require.js:134
(anonym) @ require.js:1189
each @ require.js:59
emit @ require.js:1188
check @ require.js:938
(anonym) @ require.js:1139
(anonym) @ require.js:134
(anonym) @ require.js:1189
each @ require.js:59
emit @ require.js:1188
check @ require.js:938
(anonym) @ require.js:630
each @ require.js:59
breakCycle @ require.js:619
(anonym) @ require.js:632
each @ require.js:59
breakCycle @ require.js:619
(anonym) @ require.js:632
each @ require.js:59
breakCycle @ require.js:619
(anonym) @ require.js:632
each @ require.js:59
breakCycle @ require.js:619
(anonym) @ require.js:632
each @ require.js:59
breakCycle @ require.js:619
(anonym) @ require.js:632
each @ require.js:59
breakCycle @ require.js:619
(anonym) @ require.js:632
each @ require.js:59
breakCycle @ require.js:619
(anonym) @ require.js:706
each @ require.js:59
checkLoaded @ require.js:705
completeLoad @ require.js:1615
onScriptLoad @ require.js:1717
script
req.createNode @ require.js:1878
req.load @ require.js:1899
load @ require.js:1685
load @ require.js:834
fetch @ require.js:824
check @ require.js:856
enable @ require.js:1176
enable @ require.js:1557
(anonym) @ require.js:1161
(anonym) @ require.js:134
each @ require.js:59
enable @ require.js:1113
init @ require.js:788
callGetModule @ require.js:1203
completeLoad @ require.js:1590
onScriptLoad @ require.js:1717
script
req.createNode @ require.js:1878
req.load @ require.js:1899
load @ require.js:1685
load @ require.js:834
fetch @ require.js:824
check @ require.js:856
enable @ require.js:1176
enable @ require.js:1557
(anonym) @ require.js:1161
(anonym) @ require.js:134
each @ require.js:59
enable @ require.js:1113
init @ require.js:788
callGetModule @ require.js:1203
completeLoad @ require.js:1590
onScriptLoad @ require.js:1717
script
req.createNode @ require.js:1878
req.load @ require.js:1899
load @ require.js:1685
load @ require.js:834
fetch @ require.js:824
check @ require.js:856
enable @ require.js:1176
enable @ require.js:1557
(anonym) @ require.js:1161
(anonym) @ require.js:134
each @ require.js:59
enable @ require.js:1113
init @ require.js:788
callGetModule @ require.js:1203
completeLoad @ require.js:1590
onScriptLoad @ require.js:1717
script
req.createNode @ require.js:1878
req.load @ require.js:1899
load @ require.js:1685
load @ require.js:834
fetch @ require.js:824
check @ require.js:856
enable @ require.js:1176
enable @ require.js:1557
(anonym) @ require.js:1161
(anonym) @ require.js:134
each @ require.js:59
enable @ require.js:1113
init @ require.js:788
callGetModule @ require.js:1203
completeLoad @ require.js:1590
onScriptLoad @ require.js:1717
script
req.createNode @ require.js:1878
req.load @ require.js:1899
load @ require.js:1685
load @ require.js:834
fetch @ require.js:824
check @ require.js:856
enable @ require.js:1176
enable @ require.js:1557
(anonym) @ require.js:1161
(anonym) @ require.js:134
each @ require.js:59
enable @ require.js:1113
init @ require.js:788
callGetModule @ require.js:1203
completeLoad @ require.js:1590
onScriptLoad @ require.js:1717
script
req.createNode @ require.js:1878
req.load @ require.js:1899
load @ require.js:1685
load @ require.js:834
fetch @ require.js:824
check @ require.js:856
enable @ require.js:1176
enable @ require.js:1557
(anonym) @ require.js:1161
(anonym) @ require.js:134
each @ require.js:59
enable @ require.js:1113
init @ require.js:788
(anonym) @ require.js:1460
setTimeout
req.nextTick @ require.js:1815
localRequire @ require.js:1449
(anonym) @ main.js:362
execCb @ require.js:1696
check @ require.js:883
(anonym) @ require.js:1139
(anonym) @ require.js:134
(anonym) @ require.js:1189
each @ require.js:59
emit @ require.js:1188
check @ require.js:938
enable @ require.js:1176
init @ require.js:788
callGetModule @ require.js:1203
completeLoad @ require.js:1590
onScriptLoad @ require.js:1717
script
req.createNode @ require.js:1878
req.load @ require.js:1899
load @ require.js:1685
load @ require.js:834
fetch @ require.js:824
check @ require.js:856
enable @ require.js:1176
enable @ require.js:1557
(anonym) @ require.js:1161
(anonym) @ require.js:134
each @ require.js:59
enable @ require.js:1113
init @ require.js:788
(anonym) @ require.js:1460
setTimeout
req.nextTick @ require.js:1815
localRequire @ require.js:1449
(anonym) @ main.js:359
execCb @ require.js:1696
check @ require.js:883
(anonym) @ require.js:1139
(anonym) @ require.js:134
(anonym) @ require.js:1189
each @ require.js:59
emit @ require.js:1188
check @ require.js:938
enable @ require.js:1176
init @ require.js:788
callGetModule @ require.js:1203
completeLoad @ require.js:1590
onScriptLoad @ require.js:1717
script
req.createNode @ require.js:1878
req.load @ require.js:1899
load @ require.js:1685
load @ require.js:834
fetch @ require.js:824
check @ require.js:856
enable @ require.js:1176
enable @ require.js:1557
(anonym) @ require.js:1161
(anonym) @ require.js:134
each @ require.js:59
enable @ require.js:1113
init @ require.js:788
callGetModule @ require.js:1203
completeLoad @ require.js:1590
onScriptLoad @ require.js:1717
script
req.createNode @ require.js:1878
req.load @ require.js:1899
load @ require.js:1685
load @ require.js:834
fetch @ require.js:824
check @ require.js:856
enable @ require.js:1176
enable @ require.js:1557
(anonym) @ require.js:1161
(anonym) @ require.js:134
each @ require.js:59
enable @ require.js:1113
init @ require.js:788
(anonym) @ require.js:1460
setTimeout
req.nextTick @ require.js:1815
localRequire @ require.js:1449
configure @ require.js:1387
requirejs @ require.js:1794
(anonym) @ require.js:2144
(anonym) @ require.js:2145
src/:1 Access to fetch at 'https://account.phcode.dev/resolveBrowserSession' from origin 'https://kodeklubben.denfjerdepart.dk' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.
request-tracker-fetch.js:24  GET https://account.phcode.dev/resolveBrowserSession net::ERR_FAILED 404 (Not Found)
t.fetch @ request-tracker-fetch.js:24
_resolveBrowserSession @ login-browser.js:120
_verifyBrowserLogin @ login-browser.js:167
init @ login-browser.js:411
(anonym) @ login-browser.js:441
execCb @ require.js:1696
check @ require.js:878
(anonym) @ require.js:1139
(anonym) @ require.js:134
(anonym) @ require.js:1189
each @ require.js:59
emit @ require.js:1188
check @ require.js:938
(anonym) @ require.js:1139
(anonym) @ require.js:134
(anonym) @ require.js:1189
each @ require.js:59
emit @ require.js:1188
check @ require.js:938
(anonym) @ require.js:1139
(anonym) @ require.js:134
(anonym) @ require.js:1189
each @ require.js:59
emit @ require.js:1188
check @ require.js:938
(anonym) @ require.js:1139
(anonym) @ require.js:134
(anonym) @ require.js:1189
each @ require.js:59
emit @ require.js:1188
check @ require.js:938
(anonym) @ require.js:1139
(anonym) @ require.js:134
(anonym) @ require.js:1189
each @ require.js:59
emit @ require.js:1188
check @ require.js:938
(anonym) @ require.js:1139
(anonym) @ require.js:134
(anonym) @ require.js:1189
each @ require.js:59
emit @ require.js:1188
check @ require.js:938
(anonym) @ require.js:1139
(anonym) @ require.js:134
(anonym) @ require.js:1189
each @ require.js:59
emit @ require.js:1188
check @ require.js:938
(anonym) @ require.js:630
each @ require.js:59
breakCycle @ require.js:619
(anonym) @ require.js:632
each @ require.js:59
breakCycle @ require.js:619
(anonym) @ require.js:632
each @ require.js:59
breakCycle @ require.js:619
(anonym) @ require.js:632
each @ require.js:59
breakCycle @ require.js:619
(anonym) @ require.js:632
each @ require.js:59
breakCycle @ require.js:619
(anonym) @ require.js:632
each @ require.js:59
breakCycle @ require.js:619
(anonym) @ require.js:706
each @ require.js:59
checkLoaded @ require.js:705
completeLoad @ require.js:1615
onScriptLoad @ require.js:1717
script
req.createNode @ require.js:1878
req.load @ require.js:1899
load @ require.js:1685
load @ require.js:834
fetch @ require.js:824
check @ require.js:856
enable @ require.js:1176
enable @ require.js:1557
(anonym) @ require.js:1161
(anonym) @ require.js:134
each @ require.js:59
enable @ require.js:1113
init @ require.js:788
callGetModule @ require.js:1203
completeLoad @ require.js:1590
onScriptLoad @ require.js:1717
script
req.createNode @ require.js:1878
req.load @ require.js:1899
load @ require.js:1685
load @ require.js:834
fetch @ require.js:824
check @ require.js:856
enable @ require.js:1176
enable @ require.js:1557
(anonym) @ require.js:1161
(anonym) @ require.js:134
each @ require.js:59
enable @ require.js:1113
init @ require.js:788
callGetModule @ require.js:1203
completeLoad @ require.js:1590
onScriptLoad @ require.js:1717
script
req.createNode @ require.js:1878
req.load @ require.js:1899
load @ require.js:1685
load @ require.js:834
fetch @ require.js:824
check @ require.js:856
enable @ require.js:1176
enable @ require.js:1557
(anonym) @ require.js:1161
(anonym) @ require.js:134
each @ require.js:59
enable @ require.js:1113
init @ require.js:788
callGetModule @ require.js:1203
completeLoad @ require.js:1590
onScriptLoad @ require.js:1717
script
req.createNode @ require.js:1878
req.load @ require.js:1899
load @ require.js:1685
load @ require.js:834
fetch @ require.js:824
check @ require.js:856
enable @ require.js:1176
enable @ require.js:1557
(anonym) @ require.js:1161
(anonym) @ require.js:134
each @ require.js:59
enable @ require.js:1113
init @ require.js:788
callGetModule @ require.js:1203
completeLoad @ require.js:1590
onScriptLoad @ require.js:1717
script
req.createNode @ require.js:1878
req.load @ require.js:1899
load @ require.js:1685
load @ require.js:834
fetch @ require.js:824
check @ require.js:856
enable @ require.js:1176
enable @ require.js:1557
(anonym) @ require.js:1161
(anonym) @ require.js:134
each @ require.js:59
enable @ require.js:1113
init @ require.js:788
callGetModule @ require.js:1203
completeLoad @ require.js:1590
onScriptLoad @ require.js:1717
script
req.createNode @ require.js:1878
req.load @ require.js:1899
load @ require.js:1685
load @ require.js:834
fetch @ require.js:824
check @ require.js:856
enable @ require.js:1176
enable @ require.js:1557
(anonym) @ require.js:1161
(anonym) @ require.js:134
each @ require.js:59
enable @ require.js:1113
init @ require.js:788
(anonym) @ require.js:1460
setTimeout
req.nextTick @ require.js:1815
localRequire @ require.js:1449
(anonym) @ main.js:362
execCb @ require.js:1696
check @ require.js:883
(anonym) @ require.js:1139
(anonym) @ require.js:134
(anonym) @ require.js:1189
each @ require.js:59
emit @ require.js:1188
check @ require.js:938
enable @ require.js:1176
init @ require.js:788
callGetModule @ require.js:1203
completeLoad @ require.js:1590
onScriptLoad @ require.js:1717
script
req.createNode @ require.js:1878
req.load @ require.js:1899
load @ require.js:1685
load @ require.js:834
fetch @ require.js:824
check @ require.js:856
enable @ require.js:1176
enable @ require.js:1557
(anonym) @ require.js:1161
(anonym) @ require.js:134
each @ require.js:59
enable @ require.js:1113
init @ require.js:788
(anonym) @ require.js:1460
setTimeout
req.nextTick @ require.js:1815
localRequire @ require.js:1449
(anonym) @ main.js:359
execCb @ require.js:1696
check @ require.js:883
(anonym) @ require.js:1139
(anonym) @ require.js:134
(anonym) @ require.js:1189
each @ require.js:59
emit @ require.js:1188
check @ require.js:938
enable @ require.js:1176
init @ require.js:788
callGetModule @ require.js:1203
completeLoad @ require.js:1590
onScriptLoad @ require.js:1717
script
req.createNode @ require.js:1878
req.load @ require.js:1899
load @ require.js:1685
load @ require.js:834
fetch @ require.js:824
check @ require.js:856
enable @ require.js:1176
enable @ require.js:1557
(anonym) @ require.js:1161
(anonym) @ require.js:134
each @ require.js:59
enable @ require.js:1113
init @ require.js:788
callGetModule @ require.js:1203
completeLoad @ require.js:1590
onScriptLoad @ require.js:1717
script
req.createNode @ require.js:1878
req.load @ require.js:1899
load @ require.js:1685
load @ require.js:834
fetch @ require.js:824
check @ require.js:856
enable @ require.js:1176
enable @ require.js:1557
(anonym) @ require.js:1161
(anonym) @ require.js:134
each @ require.js:59
enable @ require.js:1113
init @ require.js:788
(anonym) @ require.js:1460
setTimeout
req.nextTick @ require.js:1815
localRequire @ require.js:1449
configure @ require.js:1387
requirejs @ require.js:1794
(anonym) @ require.js:2144
(anonym) @ require.js:2145
login-browser.js:145 TypeError: Failed to fetch
    at t.fetch (request-tracker-fetch.js:24:30)
    at _resolveBrowserSession (login-browser.js:120:36)
    at _verifyBrowserLogin (login-browser.js:167:39)
    at init (login-browser.js:411:9)
    at Object.<anonymous> (login-browser.js:441:9)
    at Object.execCb (require.js:1696:33)
    at Module.check (require.js:878:55)
    at Module.<anonymous> (require.js:1139:34)
    at require.js:134:23
    at require.js:1189:21 'Failed to call resolveBrowserSession endpoint' 'https://account.phcode.dev/resolveBrowserSession'

[abose]

The cors issues are unrelated to extension store working as its for user accounts which will only work within phcode domains.

Try instaling other extensions. Phoenix requires a lot of changes to work on other domains and we are a bit short of time this month to investigate those issues at this time. But extensions should work if directly using phcode.dev

[abose]

Hi @jeppebundsgaard were you able to resolve the issue?

[jeppebundsgaard]

No. I dont really know where to look for the reason...

[abose]

Is the extension share/upload working from phcode.dev

[jeppebundsgaard]

The problem is not my extension (I cannot see it in the extension store for some reason, but that's an unrelated problem). I cannot install anything.

You can look at the running instance here: https://kodeklubben.denfjerdepart.dk/src/
The preview function returns a 404, and I cannot install extensions. But otherwise it seems to work.

I have tried to change a little in the serve-proxy script (attached) so I can run it with --serverURL kodeklubben.denfjerdepart.dk.
And I have tried to hard-code kodeklubben.denfjerdepart.dk into index.html and live-preview-loader.html.

serve-proxy.js

[jeppebundsgaard]

I am getting closer, but I am still not there. I have installed the phcode.live-server to provide liveview. It runs and communicates, but still throws an 404 when I ask it to serve me a document-preview.

jquery-2.1.3.min.js:3 GET https://live.kodeklubben.denfjerdepart.dk/vfs/PHOENIX_LIVE_PREVIEW_PH-248507400306/mnt/phcode.live/README.md 404 (Not Found)

I think the main problem comes down to the virtual file system on the phcode-server. But I am not sure.

require.js:1961
GET https://kodeklubben.denfjerdepart.dk/src/phoenix/vfs/fs/app/extensions/user/light-theme/main.js net::ERR_ABORTED 404 (Not Found)
ExtensionLoader.js:490 [Extension] failed to load https://kodeklubben.denfjerdepart.dk/src/phoenix/vfs/fs/app/extensions/user/light-theme - Module does not exist: https://kodeklubben.denfjerdepart.dk/src/phoenix/vfs/fs/app/extensions/user/light-theme/main.js

I have written the attached draft to describe how to install phcode on an internet-server. I would really be happy to hear comments and ideas (there might be a number of unnecessary steps in there).

How to get internet-server up and running.md

And I would really welcome an idea on where to look for the reasons to the vfs-errors.