webpack的devServer配置proxy禁用输出日志

多个项目要运行的时候需要重启某个项目还要找半天,如果直接看到端口信息就不用找太久了。

1660218168471.jpg


要显示日志就是设置logLevel,不显示则不设置即可

注意:要想禁用则每一个proxy重写都要把loglevel屏蔽,否则还是会有日志在终端输出(因为项目有很多个代理,每个都输出了,小编调试很久才知道是这个问题!!!


module.exports = {
    devServer: {
        host:'localhost',
        port:8081,
        proxy: {
            '/api/*':{
                target:'http://127.0.0.1:1234/api',
                changeOrigin:true,
                secure: false,// 如果是https接口,需要配置这个参数
                //logLevel: 'debug',
                pathRewrite:{
                    '^/api':''
                }
            },
            '/test': {
                target: 'http://127.0.0.1:555/tester',
                //logLevel: 'debug',
                pathRewrite:{
                    '^/test':''
                },
                changeOrigin: true //开启代理:在本地会创建一个虚拟服务端,然后发送请求的数据,并同时接收请求的数据,这样客户端端和服务端进行数据的交互就不会有跨域问题
            }
        }
    }
}

最终效果如下:

image.png


评论/留言