nuxt异步请求数据报错

1.问题

有一个动态路由页面在nuxt.js下运行
我从其他页面进入 可以请求到数据 页面也不会报错
但是我刷新一下页面报错
请问这是什么问题导致的?

clipboard.png

clipboard.png

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);
});
阅读 3.7k
1 个回答

打印下 err 和 err.data 看返回什么错误。
其他页面可以进入,
而刷新页面出错,可能是路由携带的数据清空了,导致请求数据错误。

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题