如何使用 Angular-CLI 在控制台中显示日志

我正在使用 angular-cli 进行 webpack。

ng serve

构建成功，我明白了

** NG Live Development Server 运行于http://本地主机:4200 http://localhost:4200. **
哈希值：dd30d5aeee6e21802b4d e 时间：9397ms
块 {0} styles.bundle.js、styles.bundle.map（样式）163 kB {4} [初始] [渲染]
块 {1} main.bundle.js、main.bundle.map (main) 6.52 kB {3} [初始] [渲染]
块 {2} scripts.bundle.js、scripts.bundle.map（脚本）361 kB {4} [初始] [渲染]
块 {3}vendor.bundle.js、vendor.bundle.map（供应商）2.22 MB [初始] [渲染]
块 {4} inline.bundle.js, inline.bundle.map (内联) 0 字节 [条目] [渲染]
webpack：捆绑现在有效。

似乎没有什么问题。但访问时在控制台上看不到任何日志http://本地主机:4200 http://localhost:4200。无论如何，我可以在控制台上打开服务器登录吗？

虽然您无法在控制台中记录不会引起服务器请求的 dom/web 事件，但您可以通过传递一个参数来增加编译过程和静态 Web 服务器提供的信息量--verbose启动时标记：ng serve --verbose.

另外，如果您正在运行代理服务器来访问本地 API 服务器，并且您想要更多有关如何代理这些请求的日志记录，则可以增加logLevel在您的代理配置中。

Example proxy.conf.json:

{
    "/api": {
        "target": "http://localhost:3001",
        "secure": false,
        "logLevel": "debug"
    }
}

然后你将启动服务器ng serve --proxy-config proxy.conf.json --verbose.