Redis-commander在iframe中运行时不会加载静态文件

Question

我有以下问题： 有一台Redis服务器。 我希望能够看到Redis数据并在我的网站上进行更改。所以我通过npm在服务器上安装了redis-commander。它通常听8081端口。 在我的前端部分，我创建了一个按钮“Redis的经理”，这showes视图与下面的HTML：

<iframe id="frame" src="{{redisUIUrl}}" /> 

redisUIUrl样子：https://example.com/redis

有前端和服务器之间的NGINX，用于反向代理目的。 - 它使proxy_pass到oh_so_very_secret_syte.com:8081

所以，当我们进行这个GET时，我们从redis-commander获得视图。一切安好。但在这个视图中有链接到类型的静态：/css/default.css - 相对的。

问题是，不是通过地址https://example.com/redis/css/default.css加载静态，而是尝试通过https://example.com/css/default.css加载它并失败。

我真的不明白，问题是什么以及如何处理它。所以，我在寻求你的帮助。先谢谢你。

Answer 1

/css/default.css可能是一个相对URL，但它有一个绝对路径组件。这意味着所有引用都与您的服务器根目录相关。

如果您需要路径相对URL，则需要删除前导/。

css/default.css 

将引用与当前文档相同的目录中的资源。