Tag: html

如何获得和呈现在JavaScript页面内的docker状态?

我想获取并呈现HTML仪表板内的Web服务状态。 什么是JavaScript的最友好和最简单的方法呢? 例如 – 当一些docker停下来,我想呈现一个红色的led图标,当响应需要很长时间,我想呈现一个黄色的led图标,如果没关系,你猜对了,我想呈现一个绿色的led图标。 请你的专业协助。 谢谢。

NGINX反向代理不加载资产,泊坞窗网站应用程序上的相对URL

我在Docker容器上的服务器上运行了多个webapps,这些容器映射到自己的端口。 我试图用NGINX来完成反向代理,所以我不必去http://hostname:4012到webapp,而是http://hostname/metrics来到同一个页面。 通常情况下,一个简单的proxy_pass会这样工作: location /metrics/ { proxy_pass http://localhost:4012/; } 这工作的意义,它到了index.html,但不会加载HTML中的任何脚本。 我通过添加一个sub_filter来在html中创build一个基本url, location /metrics/ { proxy_pass http://localhost:4012/; sub_filter_once off; sub_filter 'http://localhost:4012/' '$scheme://$host/metrics/'; sub_filter '<head>' '<head>\n<base href="http://hostname:4012/">'; } 这允许包含在index.html中的主JS文件加载,显示页面,但不完全。 某些图标和字体丢失,通过.css中的相对URL调用。 但更重要的是,我的一个应用程序的一些JS是坏的。我点击我的网页上的button,它什么都不做,抛出这个错误: ReactErrorUtils.js:51未捕获DOMException:无法在“历史logging”上执行“pushState”:无法创buildURL为“ http://主机名:4012 / report / 81e006c3-949f-4b5d-82b8-ee8c8ba0e337 ”的历史logging状态对象一个源文件“ http://cname.net ”和URL“ http://cname.net/metrics/ ”的文件。 任何想法如何我可以解决这个? 奇怪的是,一个单独的应用程序将完全工作,如果我把它放在nginx的根/位置本身,如下所示: location / { proxy_pass http://localhost:4012/; } 任何想法,我怎么能得到这个与/metrics/位置的工作,所以我可以让我所有的应用程序代理?

Html链接到其他页面,图像和Css不能在Docker容器中工作?

我正在使用Docker部署一个nodejs应用程序。 该应用程序已经部署之前,并已绝对正常工作。 npm和bower的软件包都被正确安装。 我已经设置了工作目录如下: WORKDIR /opt/ab/zyx/app/ 我的index.html,about.html等在app文件夹中。 css也位于一个名为css的文件夹中,也坐在app文件夹中。 zyx文件夹中有bower_components文件夹。 在index.html文件中,我有指向about.html和about.html的链接。 目前这两个页面的链接是这样的。 <li><a href="#/about">About</a></li> <li><a href="#/faq">FAQ</a></li> 而这不工作,但是当我改变这个链接开始工作 <li><a href="faq.html">FAQ</a></li> 如果我删除.html扩展名,它将停止再次工作。 对于bower_components代码是这样的,不工作。 <script src="../bower_components/jquery/dist/jquery.js"></script> CSS的情况也是如此 <link rel="stylesheet" href="css/abc.css"/> 我很困惑,如果Docker解释这些链接和path不同。 或者我错过了一些东西。 我相信Docker不希望开发人员根据自己的需求开发代码。