如何使脚本标签适应Angular?

时间:2019-03-25 19:38:43

标签: javascript angular

在我的旧网站上,我遇到了一些试图克隆我的网站的坏人。 现在,我尝试将应用程序传递给Angular7。

我在上一页中实施的一种措施,以结束克隆尝试,一直使用.js代码从标头中检查主机名。

<script type="text/javascript">
if(!['mysite.com','testsite.com'].includes(window.location.hostname)){
            window.location.href = 'https://google.com'; 
}
</script>

有人可以告诉我如何转换(重写,改编)此Javascript代码,使其可以在Angular中使用吗?

我想在源代码中使用此代码(如果可能的话),因此可以在运行后进行编译-npm run build-使其与我的网站的main.js保持集成。

1 个答案:

答案 0 :(得分:1)

在您的index.html

添加此代码

示例

  

src / app / index.html

<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>Stackoverflow</title>
  <base href="/">

  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="icon" type="image/x-icon" href="favicon.ico">
</head>
<body>
  <app-root></app-root>

  <script type="text/javascript">
  if(!['mysite.com','testsite.com'].includes(window.location.hostname)){
            window.location.href = 'https://google.com'; 
  }
</script>
</body>
</html>

确定