如何创建将域从本地主机更改为实际域名的链接

Question

我目前在我的 html/css 页面中有一个链接到 https://domain_name/route，它将带我到当前部署在 Internet 上的实际网站。但是，当我在本地运行应用程序时，链接将更改为 localhost:7364/home，并且由于该链接是硬编码的，它仍将链接到在线运行的应用程序。有没有办法更改此链接，以便无论它是在本地运行还是在线（在 AWS 中）运行，它都会更改适当的链接？我知道在节点中有一个请求对象（headers.host）的属性，我可以将它传递到 html 页面中，但理想情况下，我想要一个可以只在页面上使用 html/css（也许还有 javascript）的解决方案.

页面通过 ejs 运行，所以我想知道是否有办法在页面内检查它是在本地运行还是在线运行，并使用 if 语句来更改链接？ （不通过节点将值传递到页面中）

Answer 1

您可以检查window.location，然后更改href属性。

假设你的锚是这样的

<a href="aws.com/yourlink">The link</a>

接下来在你的代码中检查你在哪里操作

if(window.location.host.indexOf('aws.com') {
  //modify your link href 
}