在使用webpack dev-server进行代理时,可以通过设置onProxyReq
和onProxyRes
这两个回调函数来处理代理请求和代理响应。在onProxyRes
回调函数中,可以检查代理响应的HTTP状态码,如果是错误状态码,可以进行相应的处理。
下面是一个示例代码:
const proxy = require('http-proxy-middleware');
module.exports = {
devServer: {
proxy: {
'/api': {
target: 'http://example.com',
changeOrigin: true,
onProxyReq: function(proxyReq, req, res) {
// 在发送代理请求前的回调函数
// 可以在此处设置代理请求的header等信息
// ...
},
onProxyRes: function(proxyRes, req, res) {
// 在接收到代理响应后的回调函数
// 可以在此处检查代理响应的状态码
if (proxyRes.statusCode >= 400) {
// 如果代理响应的状态码是错误状态码,进行相应的处理
// ...
}
}
}
}
}
};
在上述示例代码中,通过onProxyRes
回调函数检查代理响应的状态码,如果状态码大于等于400,表示代理目标返回了HTTP错误,可以在此处进行相应的处理。可以根据实际需求,在onProxyRes
回调函数中添加逻辑来处理代理错误,比如显示错误提示信息或者进行重试等操作。