vue接口请求(get和post)

get 路由带参数(无参数也参照此写法,替换接口地址就行)

复制代码
    this.axios({
        method: 'get',
        headers: {
          'Content-Type': 'application/json; charset=utf-8',
           token: this.answerData.token,//请求头需要携带的token,不需要则不写
        },
        url: `${process.env.VUE_APP_HOST}/h5/questionnaire/user/info/${this.answerListData.questionnaireId}`,//接口地址与参数
      }).then(
        (res) => {
          let { code, data, msg } = res.data;
          if (code === 0) {
          //this.answerInformation与this.answerStatus为return声明的变量
            this.answerInformation = data;
            this.answerStatus = 1; //已答题
          } else {
            this.$notify({ type: 'warning', message: msg });
          }
        },
        (err) => {
          console.log(err);
        },
      );
复制代码

get 带参数

复制代码
      this.axios({
        method: 'get',
        headers: {
          'Content-Type': 'application/json; charset=utf-8',
          token: this.answerData.token,//请求头需要携带的token,不需要则不写
        },
        url: `${process.env.VUE_APP_HOST}/h5/questionnaire/user/list?page=1&pageSize=10000`,//${process.env.VUE_APP_HOST}/h5/questionnaire/user/list为路由地址,page与pageSize为需要传给后台的参数
      }).then(
        (res) => {
          let { code, data, msg } = res.data;
          if (code === 0) {
          //this.questionnaireList为return中声明的变量
            this.questionnaireList = data.list;
          } else {
            this.$notify({ type: 'warning', message: msg });
          }
        },
        (err) => {
          console.log(err);
        },
      );
复制代码

post带参数

复制代码
 this.axios({
        method: 'post',
        headers: {
          'Content-Type': 'application/json; charset=utf-8',
          token: this.answerData.token,
        },
        url: `${process.env.VUE_APP_HOST}/h5/submit/questionnaire`,
        data: JSON.stringify({
          questionnaireId: answerListData.questionnaireId,
          submitQuestionnaireDetailDTOS,
          totalScore: totalScoreNum,
        }),//data为需要传给后台的参数
      }).then(
        (res) => {
          let { code, data, msg } = res.data;
          if (code === 0) {
           //this.showDialog为return中声明的变量
            this.showDialog = false;//关闭弹框
          } else {
            this.$notify({ type: 'warning', message: msg });
          }
        },
        (err) => {
          console.log(err);
        },
      );
复制代码

 

posted @   性野喜悲  阅读(179)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 25岁的心里话
· 闲置电脑爆改个人服务器(超详细) #公网映射 #Vmware虚拟网络编辑器
· 零经验选手,Compose 一天开发一款小游戏!
· 因为Apifox不支持离线,我果断选择了Apipost!
· 通过 API 将Deepseek响应流式内容输出到前端
点击右上角即可分享
微信分享提示