Closed Jonnyan404 closed 4 years ago
您好,感谢您的关注以及花费的时间!
我参照 使用 Docker 部署 PasteMe 执行了以下命令后并没有出现你所说的问题,还请提供更多的信息。
git clone https://github.com/LucienShui/PasteMe.git --depth=1 -b docker pasteme
cd pasteme
cp frontend/usr/config.example.json frontend/usr/config.json
cp backend/config/config.example.json backend/config/config.json
docker-compose up -d
静态资源加载失败、前端配置文件加载失败或后端心跳检测失败都会导致前端空白,需要提供更多的信息以判断根本原因。
此外,我发现前端配置文件的api
字段变成了 backendApi
字段,和部署文档中的字段不符,会在以后改正。
页面空白的问题麻烦提供一下浏览器控制台的截图。
会在下次 release 时更新文档,考虑移除手动部署,仅保留 docker 部署的文档。
之前也有这样的考虑,会在下次 release 时做到。
您在 #92 有提到这个问题,我当时也跟进关注了,但是 GitHub Actions 跨平台编译貌似没有比较好的解决方案,如果有资料的话欢迎分享。
以及,注意到你的前端版本是 3.2.2
,虽然我觉得应该没有影响,但是不排除兼容性问题。目前 docker-compose.yml 的版本号是 3.1.0F-3.2.1B
。
@LucienShui
@LucienShui
可否提供一下 index.html
的文件内容。
https://github.com/LucienShui/PasteMe/blob/master/docker-compose.yml 这是我用的主页的docker-compose
https://github.com/LucienShui/PasteMe/blob/master/docker-compose.yml 这是我用的主页的docker-compose
这两条命令执行了吗?
cp frontend/usr/config.example.json frontend/usr/config.json
cp backend/config/config.example.json backend/config/config.json
执行了
以下是index.html的内容
<!DOCTYPE html><html lang=zh-CN class=max-height><head><meta charset=utf-8><meta http-equiv=X-UA-Compatible content="IE=edge"><meta name=viewport content="width=device-width,initial-scale=1"><meta name=apple-mobile-web-app-title content=PasteMe><meta itemprop=name content=PasteMe><meta itemprop=url content=https://pasteme.cn/ ><title>PasteMe - 一个不算糟糕的可私有文本分享平台</title><link rel=apple-touch-icon sizes=60x60 href=https://cdn.jsdelivr.net/gh/PasteUs/CDN@0.0.6/pasteme/img/touch-icon-iphone.png><link rel=apple-touch-icon sizes=76x76 href=https://cdn.jsdelivr.net/gh/PasteUs/CDN@0.0.6/pasteme/img/touch-icon-ipad.png><link rel=apple-touch-icon sizes=120x120 href=https://cdn.jsdelivr.net/gh/PasteUs/CDN@0.0.6/pasteme/img/touch-icon-iphone-retina.png><link rel=apple-touch-icon sizes=152x152 href=https://cdn.jsdelivr.net/gh/PasteUs/CDN@0.0.6/pasteme/img/touch-icon-ipad-retina.png><link rel=stylesheet href=https://shadow.elemecdn.com/npm/katex@0.11.0/dist/katex.min.css><link rel=stylesheet href=https://cdn.staticfile.org/github-markdown-css/3.0.1/github-markdown.min.css><link rel=stylesheet href=https://shadow.elemecdn.com/npm/bootstrap@4.3.1/dist/css/bootstrap.min.css><link rel=stylesheet href=https://shadow.elemecdn.com/npm/bootstrap-vue@2.0.0-rc.28/dist/bootstrap-vue.min.css><link rel=icon href=https://cdn.jsdelivr.net/gh/PasteUs/CDN@0.0.6/pasteme/favicon.ico><script async src=/usr/usr.js></script><script src=https://shadow.elemecdn.com/npm/vue@2.6.10/dist/vue.runtime.min.js></script><script src=https://shadow.elemecdn.com/npm/vue-router@3.1.2/dist/vue-router.min.js></script><script src=https://shadow.elemecdn.com/npm/vuex@3.1.1/dist/vuex.min.js></script><script src=https://shadow.elemecdn.com/npm/axios@0.19.0/dist/axios.min.js></script><script src=https://shadow.elemecdn.com/npm/katex@0.11.0/dist/katex.min.js></script><script src=https://shadow.elemecdn.com/npm/mermaid@8.2.3/dist/mermaid.min.js></script><script src=https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@9.15.9/build/highlight.min.js></script><script src=https://cdn.jsdelivr.net/npm/d3@5.9.7/dist/d3.min.js></script><script src=https://shadow.elemecdn.com/npm/bootstrap-vue@2.0.0-rc.28/dist/bootstrap-vue.min.js></script><script src=https://cdn.jsdelivr.net/npm/markdown-it@9.1.0/dist/markdown-it.min.js></script><script src=https://cdn.jsdelivr.net/npm/unorm@1.6.0/lib/unorm.min.js></script><script src=https://cdn.jsdelivr.net/npm/@chenfengyuan/vue-qrcode@1.0.1/dist/vue-qrcode.min.js></script><script src=https://cdn.jsdelivr.net/npm/vue-i18n@8.14.0/dist/vue-i18n.min.js></script><link href=https://cdn.jsdelivr.net/gh/PasteUs/CDN@/pasteme/css/not_found.c768a855.css rel=prefetch><link href=https://cdn.jsdelivr.net/gh/PasteUs/CDN@/pasteme/js/lang-en.c9aaa45e.js rel=prefetch><link href=https://cdn.jsdelivr.net/gh/PasteUs/CDN@/pasteme/js/not_found.814e31ba.js rel=prefetch><link href=https://cdn.jsdelivr.net/gh/PasteUs/CDN@/pasteme/css/app.abcd7499.css rel=preload as=style><link href=https://cdn.jsdelivr.net/gh/PasteUs/CDN@/pasteme/js/app.f07ff920.js rel=preload as=script><link href=https://cdn.jsdelivr.net/gh/PasteUs/CDN@/pasteme/js/chunk-vendors.75854c69.js rel=preload as=script><link href=https://cdn.jsdelivr.net/gh/PasteUs/CDN@/pasteme/css/app.abcd7499.css rel=stylesheet></head><body class=max-height><noscript><strong>I'm sorry but PasteMe doesn't work properly without JavaScript enabled. Please enable it to continue.</strong></noscript><div id=app class=max-height></div><script src=https://cdn.jsdelivr.net/gh/PasteUs/CDN@/pasteme/js/chunk-vendors.75854c69.js></script><script src=https://cdn.jsdelivr.net/gh/PasteUs/CDN@/pasteme/js/app.f07ff920.js></script></body></html>
另外这个index.html是我npm run build
生成的.没改任何配置.
https://github.com/LucienShui/PasteMe/blob/master/docker-compose.yml 这是我用的主页的docker-compose
这两条命令执行了吗?
cp frontend/usr/config.example.json frontend/usr/config.json cp backend/config/config.example.json backend/config/config.json
完全按照你的文档来的,没少任何步骤.
另外这个index.html是我
npm run build
生成的.没改任何配置.
自己 build 是肯定不行的,本地的 version 是空字符串。
https://github.com/LucienShui/PasteMe/blob/master/docker-compose.yml 这是我用的主页的docker-compose
这两条命令执行了吗?
cp frontend/usr/config.example.json frontend/usr/config.json cp backend/config/config.example.json backend/config/config.json
完全按照你的文档来的,没少任何步骤.
方便 teamviewer 一下吗?
@LucienShui
输入完内容,去访问,就会直接跳转到这个页面.
teamviewer 的 ID、Password 通过邮件私发给我,不要写在这里啊。Orz
@LucienShui 没事儿,就临时用下.你现在可以连上来.
@Jonnyan404 那你再重新发一次吧,我直接把刚才的那个 comment 删了。- -
@LucienShui 那我发你邮箱了
@LucienShui 如果你邮箱收不到 gmail 邮件的话,可以 telegram 加我 @jonnyan
手动部署文档需要更新。
背景信息
问题
npm run serve
可以正常打开,其它模式也是前端一片空白(这个我看了下,很多外链CDN的js和css失效).建议
其它
这是发您的邮件,作为回复您说没收到的问题.![image](https://user-images.githubusercontent.com/20352705/85755199-4f08fb00-b740-11ea-9873-f7e3b516af17.png)