Question

我需要弄清楚如何使用我的本地Web服务器进行实时重新加载。我正在使用vagrant在http://admin.myproject.local托管我的项目，并使用angular-cli构建我的应用程序。

使用npm start时，我可以在http://localhost:4200上查看我的更改，但在我的admin.myproject.local上没有任何更改，直到进行构建。我查看了angular-cli文档，并认为代理将是解决方案。我创建了一个proxy.conf.json文件并添加了以下代码：

{
  "/admin": {
    "target": "http://admin.myproject.local",
    "secure": "false"
  }
}

然而，这似乎没有帮助。如果我尝试http://localhost:4200/admin，我会得到404。

当有人通过我的.local网址访问网站时，有人能指出我正确的方向来实现重新加载吗？

Answer 1

您可以创建另一个HTML文件（或使用现有服务器索引文件）并将脚本标记指向生成的js文件。例如..

<!doctype html>
<html>
<head>
  <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1" />
  <meta charset="utf-8" />
  <meta name="viewport" content="width=device-width" />
  <base href="/"> 
</head>
<body>
    <my-app></my-app>
    <script src="http://localhost:4200/inline.js"></script>
    <script src="http://localhost:4200/scripts.bundle.js"></script>
    <script src="http://localhost:4200/main.bundle.js"></script>
</body>
</html>

这适用于开发。对于生产，包括运行ng build -prod后的dist目录中的脚本文件。

如何使用我的Web服务器进行angular-cli实时重载

1 个答案: