nuxt异步请求数据报错
1.问题
有一个动态路由页面在nuxt.js下运行
我从其他页面进入 可以请求到数据 页面也不会报错
但是我刷新一下页面报错
请问这是什么问题导致的?
2.源码
import axios from 'axios'
export default {
async asyncData({app, params}){
let res = await axios({
method: 'post',
url: informationGetById,
data: {id:params.id},
transformRequest: [function (data) {
let ret = ''
for (let it in data) {
ret += encodeURIComponent(it) + '=' + encodeURIComponent(data[it]) + '&'
}
return ret
}],
headers: {
'Content-Type': 'application/x-www-form-urlencoded'
}
})
console.log(res);
return{informationGetById:res.rows,}
},
axios封装的代码(报错的代码)
});
//拦截所有响应
axios.interceptors.response.use(data => {
var res = data.data;
if (
res.status == 3000 ||
res.status == 3001 ||
res.status == 3002 ||
res.status == 401
) {
// setCookieExpired('accessToken');
// window.location.href = 'http://wx2.xiaozhangbao.com/#/Login';
sessionStorage.clear();
window.location.href = baseURLError + '/#/Login';
} else if (res.status == 5000) {
location.href = 'http://www.xiaozhangbao.com/#/500';
} else if (res.status == 4003) {
// location.href = 'http://wx2.xiaozhangbao.com/#/Login';
sessionStorage.clear();
window.location.href = baseURLError + '/#/Login';
} else {
return res;
}
},
err => {
这里报错 status undefined未定义
if (err.data.status == 504 || err.data.status == 404) {
Message.error({ message: '服务器被吃了⊙﹏⊙∥' });
} else if (err.data.status == 403) {
Message.error({ message: '权限不足,请联系管理员!' });
} else {
Message.error({ message: '未知错误!' });
}
return Promise.resolve(err);
});
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(1)
打印下 err 和 err.data 看返回什么错误。
其他页面可以进入,
而刷新页面出错,可能是路由携带的数据清空了,导致请求数据错误。