Vue $http.post请求不到数据解决办法 2021-03-29

最新推荐文章于 2023-11-02 16:02:09 发布

日日浸染

最新推荐文章于 2023-11-02 16:02:09 发布

阅读量1.1k

点赞数

分类专栏： Vue 文章标签： vue

本文链接：https://blog.csdn.net/adminmy/article/details/115297984

版权

Vue 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

原先写法：

 this.$http.post("/api/rest/sysMenuPo/getDeptAndEmployeeBuMenuId",{params:{"menuId":a}}).then(function (res) {
                console.log(res.data);
                }, function () {
                    console.log('failed');
        });

请求成功，但是获取到的列表没有数据，如下
在这里插入图片描述
departmentDto2List和employeedto2List列表的长度居然为0
解决办法：
1、安装qs：cnpm install qs --save-dev
2、在使用的组件里引入

3、修改代码

const a = this.$route.params.menuId;
        console.log(a);
        var data = {"menuId":a};
        // this.$http.post("/api/rest/sysMenuPo/getDeptAndEmployeeBuMenuId",{params:{"menuId":a}}).then(function (res) {
        //         console.log(res.data);
        //         }, function () {
        //             console.log('failed');
        // });
        this.axios.post("/api/rest/sysMenuPo/getDeptAndEmployeeBuMenuId",qs.stringify(data),{}).then(
          body => {
          //this.content = body.data;
          console.log(body.data);
          }
        )