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

Question

我webpack-dev-server用来在本地充当CDN服务器,以提供各种静态资产,如css,js,html等.

一切运行正常,但出于调试目的,我无法看到CDN服务器收到的请求.

webpack-dev-server 只是沉默,并且一旦编译了静态资产包,就不会显示任何信息/错误.

我也通过命令行帮助,但没有成功.

Answer 1

基本上,webpack-dev-server用于express生成Web服务器.要启用查看日志,需要根据express的要求设置DEBUG环境变量

export DEBUG='express:*'

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

Answer 2

环境变量对我不起作用。

根据文档，您可以通过之前添加自己的自定义中间件（将其添加到 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

也许这对某人有帮助