code-server icon indicating copy to clipboard operation
code-server copied to clipboard

[Bug]: Shows blank screen when accessing from public network using VS code's port-forwarding

Open yuemin-hu-20231024 opened this issue 1 year ago • 1 comments

Is there an existing issue for this?

  • [X] I have searched the existing issues

OS/Web Information

  • Web Browser: Chrome
  • Local OS:MacOS
  • Remote OS:MacOS
  • Remote Architecture:MacOS
  • code-server --version:4.20.1 e76afa4a2bf4667a3c9f71bf56ef34b8ad365fbe with Code 1.85.2

Steps to Reproduce

  1. I used code-server in conjunction with VSC's port-forwarding to gain repo access from remote machine 2.on local(0.0.0.0:8081) it works completely fine without any issue.
  2. when i using remote access (something like https://xxxxxx-8081.asse.devtunnels.ms/), after i input the password it just shows a blank screen(see attached screenshot)
  3. I tested another forwarded port (next.js server) and it is accessible, so the port forwarding worked fine
  4. I also tried LAN(192.168.x.x:8081) on both code-server machine and client machine, and it works without any issue.
  5. I also tried using tailscale and it works fine as well.

Expected

accessible from remote URL

Actual

shows blank screen

Logs

No response

Screenshot/Video

image image

Does this issue happen in VS Code or GitHub Codespaces?

  • [X] I tested this in native VS Code.
  • [ ] This does not happen in native VS Code.
  • [ ] I tested this in GitHub Codespaces.
  • [ ] This does not happen in GitHub Codespaces.

Are you accessing code-server over a secure context?

  • [X] I am using a secure context.

Notes

No response

yuemin-hu-20231024 avatar Jan 26 '24 14:01 yuemin-hu-20231024

The logs say the web socket failed to connect. Is your proxy not set up to proxy web sockets?

code-asher avatar Jan 27 '24 02:01 code-asher

Closing as stale but feel free to comment if you come back to this.

code-asher avatar Jul 12 '24 22:07 code-asher