Vue中 get post 请求方法

Posted 2023-03-02

参考技术A this.$axios.get("你的请求地址").then(res => //获取你需要用到的数据)

例如请求分页列表    

this.$axios.get("你的请求地址",

               

                     params:    

                                           pageSize: this.pagesize,（在data中定义好的）

                                            pageNum: this.currentPage,（在data中定义好的）

                                   

               

    ).then(res => //获取你需要用到的数据);

2.1拼接、Content-Type：application/json

        axios.post("你的请求地址",,'name=xxxx&num=xxxxxx').then(resp=>

                

                    console.log(resp);

                    this.josarr=resp.data.jokes//数据赋值 

                

2.2json对象提交数据

let data =

        'user':"admin" ,

        'hideFlag': '1',

        'content': this.content,

        'pictureUrl': this.imgUrl

     

     this.$axios

              .post('"你的请求地址"', data)

              .then((res) =>

                console.log(res)得到你想要的数据    

2.3. 通过FormData表单形式传递参数（通过键值对的表单形式传递数据）

       formData：    

                                user:lili;

                                pass:12345678

                            

      let formData= this.formData

            this.$axios

              .post('你的请求地址', form)

              .then((res) =>

                 console.log(res)得到你想要的数据