永逺亭 2021-09-09 07:28 采纳率: 40%
浏览 106
已结题

使用axios发起get请求出现的状况

学习别人的视频中,发起get请求,

img

img

img


上图中注释的就是自己发起的源生get请求,运行后,控制台并无报错,但是Network也没有任何网络传输,
如果使用图中未被注释的方法,可以获取到接口返回的数据,这到底是为什么?


更新一下完整代码
html就简单描述一下,有个 按钮,点击事件是onSendSms,目的是获取手机验证码

async onSendSms () {
      // 1.校验手机号
      try {
        await this.$refs.loginFormRef.validate('mobile')
        console.log('验证通过')
      } catch (err) {
        return console.log('验证失败', err)
      }
      // 2.验证通过,显示倒计时
      this.iscountShow = true
      // 3.请求发送验证码
      try {
        // const { data: res } = await sendSms(this.user.mobile)
        const res = await sendSms(this.user.mobile)
        // const res = await this.axios.get(`http://ttapi.research.itcast.cn/app/v1_0/sms/codes/${this.user.mobile}`)
        this.$toast('发送成功')
        console.log('发送成功', res)
      } catch (err) {
        this.iscountShow = false
        if (err.response.status === 429) {
          return this.$toast('发送太频繁,请稍后重试')
        } else {
          console.log('发送失败', err)
        }
      }
    }

这是封装的初始请求模块

/**
 * 请求模块
 */
import axios from 'axios'

const request = axios.create({
  baseURL: 'http://ttapi.research.itcast.cn/' // 接口的基准路径
})

这是第二次封装请求模块

export const sendSms = mobile => {
  return request({
    method: 'GET',
    url: `/app/v1_0/sms/codes/${mobile}`
  })
}

我调用的源生的axios请求,应该是直接跳过这些封装的,和这些封装没什么关系

展开全部

  • 写回答

2条回答 默认 最新

  • Lazy33 2021-09-09 08:03
    关注

    你的axios二次封装的不对劲

    封装之后应该是你返回 出去一个promise对象的。
    至于为什么你注释的那个 this.axios 是个什么东西?你也没发
    目前看的话,没有网络传输,没有报错。那就是根本就没有调用吧??

    不太清楚 网络请求这个,有时候放一页代码都找不到问题 何况你还没发全。

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(1条)
编辑
预览

报告相同问题?

问题事件

  • 已结题 (查看结题原因) 9月11日
  • 已采纳回答 9月9日
  • 修改了问题 9月9日
  • 赞助了问题酬金 9月9日
  • 展开全部

悬赏问题

  • ¥15 我如果只想表示节点的结构信息,使用GCN方法不进行训练可以吗
  • ¥15 GPTs营销指令提示词和创建方案
  • ¥15 QT6将音频采样数据转PCM
  • ¥15 本地安装org.Hs.eg.dby一直这样的图片报错如何解决?
  • ¥15 下面三个文件分别是OFDM波形的数据,我的思路公式和我写的成像算法代码,有没有人能帮我改一改,如何解决?
  • ¥15 Ubuntu打开gazebo模型调不出来,如何解决?
  • ¥100 有chang请一位会arm和dsp的朋友解读一个工程
  • ¥50 求代做一个阿里云百炼的小实验
  • ¥15 查询优化:A表100000行,B表2000 行,内存页大小只有20页,运行时3页,设计两个表等值连接的最简单的算法
  • ¥15 led数码显示控制(标签-流程图)
手机看
程序员都在用的中文IT技术交流社区

程序员都在用的中文IT技术交流社区

专业的中文 IT 技术社区,与千万技术人共成长

专业的中文 IT 技术社区,与千万技术人共成长

关注【CSDN】视频号,行业资讯、技术分享精彩不断,直播好礼送不停!

关注【CSDN】视频号,行业资讯、技术分享精彩不断,直播好礼送不停!

客服 返回
顶部