青龙面板登录页白屏无法访问的两种解决办法

最近有小伙伴反馈青龙面板登录不了了，一登陆就是白屏，群里不止一个人在问，今天抽空就跟大家解答一下这个问题。

首先我们可以看出，青龙面板访问是可以访问的，这个时候我们按F12进行审查，发现出现了如下错误。

原来是6个 js 文件无法访问了，通过全球 ping 测试，发现有很多地区是无法访问cdn.jsdelivr.net这个域名的，更谈不上 js 文件 cdn 加速了。

青龙面板白屏解决方案

所以我们有两种结局方案：

• 一、hosts 解决访问青龙面板电脑连接cdn.jsdelivr.net的问题。
• 二、替换 js 文件地址

由于第一种过于简单，缙哥哥已经写过很多次了，通过全球 ping 方式获得可以访问cdn.jsdelivr.net网址的IP地址，进行 hosts 指定解析。不知道的小伙伴可以参见《青龙面板拉库失败，提示“更新***失败，请检查网络”的解决方案》只不过这次的 hosts 重定向是要设置自己的电脑而不是青龙面板服务器。同时，该方法的IP地址可能不定期失效。

OK，那我们着重说说第一种替换 js 文件的方法：

首先先确认你是跟着《青龙面板自动领京东京豆，做农场浇水、萌宠、种豆、签到等任务》一步步走下来的，还是跟着别的教程部署的青龙面板。

跟着缙哥哥教程部署的可以直接开始：

通过 SSH 连接青龙面板服务器，输入

docker cp qinglong:/ql/dist/index.html /home/dujin/

将青龙面板 docker 文件目录dist下的index.html文件复制到服务器/home/dujin/目录下，然后你可以使用 vim 编辑器（参见《Linux 文本编辑器 Vim “真 · 简单”使用教程》）或者直接拉到本地使用编辑器进行编辑。

将index.html末尾原来cdn.jsdelivr.net开头的地址换成缙哥哥的 cdn 加速地址：

<script src="https://api.dujin.org/js/qinglong/darkreader.min.js"></script>
<script src="https://api.dujin.org/js/qinglong/codemirror.min.js"></script>
<script src="https://api.dujin.org/js/qinglong/shell.js"></script>
<script src="https://api.dujin.org/js/qinglong/python.js"></script>
<script src="https://api.dujin.org/js/qinglong/javascript.js"></script>
<script src="https://api.dujin.org/js/qinglong/sockjs.min.js"></script>

同时缙哥哥也将这6个文件附上，喜欢自己搭建或使用自己CDN的小伙伴可以自己部署。

• 青龙面板登录白屏js文件[Dujin.org].7z: http://ct.dujin.org/f/5210373-582663199-18fe99

注意！注意！注意！

这个时候把index.html上传到原来位置还不行，需要替换进青龙面板 docker 文件目录下，上传到服务器/home/dujin/目录下之后，执行：

docker cp /home/dujin/dist/index.html qinglong:/ql/dist/index.html

OK，至此你的青龙面板又恢复正常了！