webpack的devServer响应拦截

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));
            }
}

你可能感兴趣的:(webpack,前端,javascript)