webpack的devServer响应拦截

最新推荐文章于 2024-04-27 08:39:59 发布

豆子前端

最新推荐文章于 2024-04-27 08:39:59 发布

阅读量414

点赞数

文章标签： webpack 前端 javascript

本文链接：https://blog.csdn.net/qq_41996454/article/details/129886160

版权

webpack的devServer响应拦截

对一个响应体可以做多次拦截操作…例如

devServer层面拦截
axios层面拦截

// 固定返回500的接口，用于调试各种500报错的场景
'/get500': {
    target: HOST,
        changeOrigin: true,
            // onProxyRes: function (proxyRes, req) {

            //     proxyRes.statusCode = 500;

            //     // 修改响应头
            //     proxyRes.headers['content-type'] = 'application/json';
            //     // 修改响应体


            //     proxyRes.body = JSON.stringify(customData);
            //     proxyRes.content = JSON.stringify(customData);
            // }
            onProxyReq: function(proxyReq, req, res) {
                const customData = { 
                    code: '500',
                    resultMsg: "错误信息",
                    status: 'false'
                }
                res.writeHead(200, {
                    'Content-Type': 'application/json'
                });
                res.end(JSON.stringify(customData));
            }
}