axios 统一配置参数,为什么无效?

发布于 2022-09-07 15:32:35 字数 1696 浏览 12 评论 0

图片描述希望无论是get还是post请求,都会携带userID信息。所以就把post请求的统一参数写在了config.data里,get的统一参数写在了get里。
但是!!问题来了, ...config.params 并不会合并参数。
具体代码如下。

Axios.interceptors.request.use(
    (config) => {
        if ( config.method === 'post' ) {
            if (sessionStorage.getItem('fwqAdmin')) {
                config.data = querystring.stringify({
                    userId: JSON.parse(sessionStorage.getItem('fwqAdmin')).userId,
                    ...config.data
                });
                console.log(config);
            }
        } else if ( config.method === 'get' ) {
            if (sessionStorage.getItem('fwqAdmin')) {
                config.params = {
                    userId: JSON.parse(sessionStorage.getItem('fwqAdmin')).userId,
                    ...config.params
                };
            }
        }
        config.headers.Authorization = sessionStorage.getItem('fwqAdmin') ? JSON.parse(sessionStorage.getItem('fwqAdmin')).accessToken : '';
        return config;
    },
    error => {
        console.log(error);
        return Promise.reject('请求拦截报错信息' + error);
    }
);

具体使用:

requestWxList() {
    let params = {
        pageNum: this.pageNav.curPage,
        pageSize: this.pageNav.pageSize
    };
    this.$http.get('/result/listSummarysPage',params)
        .then((res) => {
            console.log(res);
            this.tableData = res.data.data.items;
            this.pageNav.total = res.data.data.total;
        })
        .catch((err) =>{
            console.log(err);
        });
},
    
    
    
    
    
  

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(3

且行且努力 2022-09-14 15:32:35

给你看一下axios源码 get请求的第二个参数是config
你把params当成config传进去 config.params 并没有值

图片描述

空心空情空意 2022-09-14 15:32:35

应该这样调用 this.$http.get('/result/listSummarysPage',{ params: params })

酒几许 2022-09-14 15:32:35

楼上的老哥们已经给出了正确的答案,但是只能采纳一个答案,抱歉了... 希望答案能帮助后来的人。。 谢谢各位

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文