无法在 webpack-dev-server 中看到请求日志

Question

我正在使用 webpack-dev-server 在本地充当 CDN 服务器，以服务各种静态资产，如 css、js、html 等

一切正常，但出于调试目的，我看不到 CDN 服务器收到的请求。

webpack-dev-server 编译完静态资源包后，

webpack-dev-server 不会显示任何内容 info/errors。

我也查看了命令行帮助，但没有成功。

Answer 1

基本上，webpack-dev-server 使用 express 生成网络服务器。要启用查看日志，需要根据 express

的要求设置 DEBUG 环境变量

export DEBUG='express:*'

这开始向我显示 webpack-dev-server 收到的各种请求的日志。

要禁用日志，再次将环境变量设置为空

export DEBUG=

这甚至适用于 loopback 项目和任何其他使用 express 作为基础的 NodeJS 框架。

Answer 2

环境变量对我不起作用。

根据文档，您可以通过 before 添加您自己的自定义中间件（将其添加到 vue.config.js）：

devServer: {
    disableHostCheck: true,
    host: 'localhost',
    https: {
        key: fs.readFileSync('./dev/ssl-localhost-testing/server.key'),
        cert: fs.readFileSync('./dev/ssl-localhost-testing/server.cert'),
    },
    before: function (app, server, compiler) {
        app.use('/', function (req, res,next) {
            console.log(`from ${req.ip} - ${req.method} - ${req.originalUrl}`);
            next();
        });
    }
 }

这会将每个请求记录到控制台，例如：

from 127.0.0.1 - GET - /js/BACC_AtlasAdministration.js

也许这对某人有帮助

无法在 webpack-dev-server 中看到请求日志

unable to see request logs in webpack-dev-server

logging

webpack

webpack-dev-server