vue.js怎么处理无网状态下,接口请求报错
- vue项目中,用axios统一封装了请求接口,使用了拦截器处理响应数据
// http response 拦截器axios.interceptors.response.use(response => {
// 系统报错
if (response.data && response.data.err !== 0) {
router.push({name: 'err', query: {code: response.data.err}});
}
return response
}, error => {
console.log('++++++++++++++++++++++++++', error)
if (error.response.status === 404) {
router.push({name: 'err', query: {code: error.response.status}})
}
if (error.response.status === 401) {
router.push({name: 'err', query: {code: error.response.status}});
}
if (error.response.status === 500) {
router.push({name: 'err', query: {code: error.response.status}});
}
return Promise.resolve(error.response)
})
打包后,部署在测试环境中,断开网络后报错
请问,怎么获取断网下状态,给出提示信息
回答:
axios.interceptors.response.use(response => { // 系统报错
if (response.data && response.data.err !== 0) {
router.push({name: 'err', query: {code: response.data.err}});
}
return response
}, error => {
if (!error.response) {
// 断网了
}
console.log('++++++++++++++++++++++++++', error)
if (error.response.status === 404) {
router.push({name: 'err', query: {code: error.response.status}})
}
if (error.response.status === 401) {
router.push({name: 'err', query: {code: error.response.status}});
}
if (error.response.status === 500) {
router.push({name: 'err', query: {code: error.response.status}});
}
return Promise.resolve(error.response)
})
每个if下面建议加return
以上是 vue.js怎么处理无网状态下,接口请求报错 的全部内容, 来源链接: utcz.com/a/150159.html