问题复现

添加反向代理：直接在宝塔面板的网站设置中添加反向代理，如图所示

这样操做会产生 Websocket 报错1006，导致登陆进去显示一片空白页面。

主要原因apache的反向代理需要手动添加WebSocket的配置

WebSocket协议是一种双向通信协议，在建立连接后，WebSocket服务器和Browser/UA都能主动的向对方发送或接收数据，

code-server便使用了这一协议与服务器进行双向通信，如果没有Apache反向代理配置文件没有添加ws协议的配置，便会导致页面空白。

解决方法

在apache网站的配置文件中添加反向代理ws协议支持

首先开启ssl，部署证书并启用强制HTTPS

然后在网站设置的SSL选项的上方找到网站配置文件

如果你的code-server没有HTTPS就将ws配置文件添加到标签<VirtualHost *:80>里面

如果有HTTPS就添加到标签<VirtualHost *:443>里面，添加如下内容，注意要更改code-server服务的端口号。

RewriteEngine On
ProxyRequests On
ProxyVia On
# Proxy Traffic
RewriteCond %{HTTP:Upgrade} =websocket
RewriteRule /(.*)           ws://localhost:6666/$1 [P,L]
RewriteCond %{HTTP:Upgrade} !=websocket
RewriteRule /(.*)           http://localhost:6666/$1 [P,L]

将以上代码添加在这个位置,然后保存，验证页面是否正常访问。

正常的话应该是访问成功

参考链接：How to run code-server with HTTPS by a low privilege user? · Issue #1211 · cdr/code-server (github.com)

原文链接：code-server部署到Linux并开启Apache反向代理后登陆账户全黑屏问题解决办法

感谢GitHuber@TheHllm提供的配置文件

本文放弃所有版权，转载请随意，无需署名。

Apache反向代理访问code-server登陆账户后页面空白该怎么办？相关推荐

Apache 反向代理与修改网页内容
apahce与nginx经常被用于作为Web服务器,其实apache与nginx有非常多的拓展功能,可以通过访问官方网站了解相关内容.之前使用过apache实现反向代理的功能,于是把它记录下来,方便以 ...
Ubuntu下Apache反向代理设置
Apache可通过mod_proxy*.so系列模块很好的实现正向.反向代理功能,亦可通过反向代理实现负载均衡,本文将讲述基于Apache反向代理实现负载均衡的配置方法. 1.环境配置说明: 代理服务 ...
在使用反向代理访问的服务器上配置远程jupyterNotebook
在使用反向代理访问的服务器上配置远程jupyterNotebook 使用场景配置流程简化的访问方式使用场景自己的电脑没有GPU或者配置较低,想要使用远程的linux服务器进行深度学习,而且需要 ...
用apache反向代理解决单外网ip对应内网多个web主机的问题
用apache反向代理解决单外网ip对应内网多个web主机的问题转载一个有独立外网IP,需内网服务器对外发布的例子,是应用apache虚拟主机的. 来源地址:http://www.itshantou ...
[转]用apache反向代理解决单外网ip对应内网多个web主机的问题
用apache反向代理解决单外网ip对应内网多个web主机的问题转载一个有独立外网IP,需内网服务器对外发布的例子,是应用apache虚拟主机的. 来源地址:http://www.itshantou ...
通过Apache反向代理实现微信服务器80端口访问
由于微信公众平台需要的80端口已经被apache占用,所以需要基于apache配置反向代理. 代理服务器就相当于一个中介,有正向代理与反向代理两种.在正向代理中,客户端通过代理服务器访问目标服务器,代 ...
OpenBSD配置Apache反向代理
反向代理简言之就是通过一台代理服务器,让Internet用户可以访问到内部网络上的服务器. 实验环境:一台带有两块网卡的OB服务器,一块连接外网1.1.1.1,一块连接内网192.168.100.1 ...
apache 反向代理_通过 Apache 与 Nginx 配置 AJP 配置反向代理
↑ 点击上面 "时代Java"关注我们, 关注新技术,学习新知识! 前言目前,随着公有云的出现,一些大型的服务提供商将很多的基础服务以公有云的形式发布出来,而企业则可以使用这些基 ...
apache 反向代理_反向代理？听起来有点东西 ——Nginx学习笔记
反向代理是个什么东西? 外部网络用户向内部服务器发出请求,并将这些请求转发给内部网络上的服务器,然后将从内部服务器上得到的响应返回给Internet上请求连接的客户:执行反向代理服务的服务器称为反向代 ...

Apache反向代理访问code-server登陆账户后页面空白该怎么办？

问题复现

解决方法

Apache反向代理访问code-server登陆账户后页面空白该怎么办？相关推荐

最新文章

热门文章