设置图片来源 - 来自不同的网址

Question

问题

我有一个JS文件来处理一些背景动画和画布的东西。完美的工作 - 但对于这个小错误，关于设置图像源，我发现：

所以网站 http：// localhost：XXXX / 的主页位于此处，而＃34; real＆＃34; URL当然是 http：// localhost：XXXXX / Home / Index 。

因此，当重定向将我发送到＆＃34; full＆＃34; url而不是初始路由。 javascript找不到来源。

当前解决方案

var link = document.createElement("a");
link.setAttribute('href', window.location.href);

Logo = new Image();
Logo.src = "https://" + link.hostname + ":" + link.port + "/images/logo.png";
dotaLogo.addEventListener('load', initCanvas, false);

此部分目前正在开发环境中工作。

的问题：

1. 这种方式可以接受吗？
2. 显然这是一个Dev环境 - .port部分链接是否会实时失败？

为建议干杯。

Answer 1

您可以使用<img src="/images/blah.jpg">

来相对引用网址

这将请求<protocol>://<hostname>:<port>/whatever