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

Question

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

我不太确定哪个 Angular 正在使用 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 的“Automatic Refresh/Hot Module Replacement”特性造成的。它会注入(inject)一个脚本，用于在源代码发生更改时刷新页面。

要禁用此功能，请将 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",
     ...
  }
}