angular2 zone.js 进行自动 sock.js 调用

Question

嗨，我正在使用基于这个种子 https://github.com/angular/angular2-seed 的 Angular2 和 webpack

我不太确定使用 zone.js 的角度是什么，但是当我启动我的应用程序并查看控制台输出时，我每隔几秒就会收到此错误：

zone.js?e3a6:101 Mixed Content: The page at 'https://10.1.1.10/#/login' was loaded over HTTPS, but requested an insecure XMLHttpRequest endpoint 'http://localhost:8081/sockjs-node/info?t=1461960793084'. This request has been blocked; the content must be served over HTTPS.

我理解为什么会发生错误，但不知道为什么会首先提出这个请求，尤其是每隔几秒钟。我的 web 应用程序正在运行，似乎并不担心这个错误，也许有人可以向我解释为什么 zone.js 会执行此请求，以及是否有办法禁用它。

Answer 1

这是由 webpack-dev-server 的“自动刷新/热模块更换”功能实现的。当源代码发生变化时，它会注入一个用于刷新页面的脚本。

要禁用此功能，请将package.json 中的--inline 替换为--lazy 以：

{
  "scripts": {
     ...
    "server": "node node_modules/webpack-dev-server/bin/webpack-dev-server.js --lazy --colors --progress --display-error-details --display-cached --port 3000  --content-base src",
     ...
  }
}