vue前端接口写法

最新推荐文章于 2023-12-11 21:52:49 发布

奋进的白羊

最新推荐文章于 2023-12-11 21:52:49 发布

阅读量3.4k

点赞数

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

本文链接：https://blog.csdn.net/wswxy52188/article/details/117071435

版权

vue 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

//vue后端往前端传map写法，前端往后端传参数集合，queryInfo表示一个集合。
async getUserList() {
      const { data: res } = await this.$http.get("selectNetwork", {
        params: this.queryInfo,
      });
      this.userlist = res.data; // 将返回数据赋值
      console.log(this.userlist);
      this.total = res.number; // 总个数
    },
    //vue前端往后端传参数，如登录接口
    this.$http.post('login',{username:this.ruleForm.name,password:this.ruleForm.pass},{
                        // 上面相当于localhost:8080/login?username=name&password=pass
                            emulateJSON:true
                        }).then(Response =>{
                        if(Response.data == "ok"){
                            cookie.set('user',this.ruleForm.name);
                            window.sessionStorage.setItem('username',this.ruleForm.name);
                            this.$router.push({path:"/home"});
                        }else{
                            console.log(Response.data);
                            this.$message.error('用户名或密码错误');
                            return false;
                        }       
                    })  
//vue接收后端list，向后端传单个参数写法
showEditDialog(distributionNumber) {
      this.$http
        .get(
          "deliveryPartInfoByDistributionNumber",
          {
            params: {
              distributionNumber: distributionNumber,
            },
          },
          {
            emulateJSON: true,
          }
        )
        .then((Response) => {
          console.log(Response.data);
          this.userlist1 = Response.data;
        });
      this.dialogFormVisible = true;
    },