在iframe

时间:2016-04-28 13:25:47

标签: node.js iframe nginx

我有以下问题: 它上面有一台Redis服务器。 我希望能够在我的网站上看到Redis数据并进行更改。所以我通过npm在服务器上安装了redis-commander。它通常会监听8081端口。 在我的前端部分,我创建了一个按钮“Redis manager”,它使用以下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加载静态而失败。

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

1 个答案:

答案 0 :(得分:1)

hr { border: 0; height: 1px; background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0)); } 可能是相对URL,但它有一个绝对路径组件。这意味着所有引用都与您的服务器根相关。

如果您需要路径相对网址,则需要删除前导/css/default.css

/

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