Nextcloud CODE Document Loading Failed Can't connect to Websocket

I am having trouble using Collabora Code with Nextcloud Office.
Problem:
When opening a File (.odt, .docx) it loads a while and then it shows this Message:
“Document Loading Failed”
image

In the Browser Console these Messages appear (The messages are in order):

This has the Status “Bad Request 400”:

GET
	wss://collabora.benbartel.me/cool/https%3A%2F%2Fnextcloud.benbartel.me%2Findex.php%2Fapps%2Frichdocuments%2Fwopi%2Ffiles%2F113375_ocpdrauacjax%3Faccess_token%3D6IbfYMcvkYiJzUFOVCn6lm7UgXNT6ysU%26access_token_ttl%3D1692476505000/ws?WOPISrc=https://nextcloud.benbartel.me/index.php/apps/richdocuments/wopi/files/113375_ocpdrauacjax&compat=/ws
Firefox can’t establish a connection to the server at wss://mycollaboradomain/cool/https%3A%2F%2Fmynextclouddomain%2Findex.php%2Fapps%2Frichdocuments%2Fwopi%2Ffiles%2F113375_ocpdrauacjax%3Faccess_token%3D6IbfYMcvkYiJzUFOVCn6lm7UgXNT6ysU%26access_token_ttl%3D1692476505000%26permission%3Dedit/ws?WOPISrc=https%3A%2F%2Fmynextclouddomain%2Findex.php%2Fapps%2Frichdocuments%2Fwopi%2Ffiles%2F113375_ocpdrauacjax&compat=/ws.
FAILED Office.vue:217
    loadingTimeout Office.vue:217
    (Async: setTimeout handler)
    n Office.vue:216
    c Office.vue:77
    v Office.vue:77
    b Office.vue:77
    pm Office.vue:77
    o Office.vue:77
    hm Office.vue:77
    hm Office.vue:77
    load Office.vue:220
    t Office.vue:202
    c Office.vue:77
    v Office.vue:77
    b Office.vue:77
    pm Office.vue:77
    o Office.vue:77
    (Async: promise callback)
    pm Office.vue:77
    o Office.vue:77
    (Async: promise callback)
    pm Office.vue:77
    o Office.vue:77
    hm Office.vue:77
    hm Office.vue:77
    mounted Office.vue:202
    VueJS 19
    openFileInfo Viewer.vue:563
    openFile Viewer.vue:524
    file Viewer.vue:365
    VueJS 5

It looks like there are some timeouts happening, but the initial Requests dont work as well.

What I have tried:
I used the Troubleshooting Checklist in this Wiki-Article and went through every step. It all works as expected.
Looking at the given Diagram, it seems like the only Connection which doesnt work is between the Client and the Collabora.

I cant find anything in the Nextcloud Log. It’s just those Error Messages in the Browser Console.

My Setup
I have a VPS with everything Dockerized.

Nextcloud Hub 5 (27.0.2) Docker
collabora/code:latest Docker Compose
jc21/nginx-proxy-manager:latest Docker

I have Subdomains for each of my Services.
https.//nextcloud.domain.com
https.//collabora.domain.com

Hope some of you have an Idea at whats going wrong. Thanks :slight_smile:

this is a problem… the browser needs websocket (wss://) connection which must be configured specially in NGINX… take a look at CODE docs

Thanks, that solved most of my Problems.