关于Nuxt.js中axios获取后端数据会报错的巨坑分析

本文记录了在Nuxt.js项目中使用axios获取后端数据时遇到的错误及解决过程。从最初对asyncData的误解,到逐步排查axios配置、依赖注入等问题,最终发现是缺少在package.json中配置axios导致的问题。通过添加axios到项目依赖,成功解决了无法连接后端的难题,提醒开发者注意类似细节。
摘要由CSDN通过智能技术生成

搞了一个上午彷佛才弄懂是哪里的原因。

先说一下问题,很简单,就是axios得不到数据,各种各样的报错。开始我以为是因为第一次使用类似"async""await"等异步获取数据的方法的原因,但是一时又想不到怎么使用同步获取数据的办法验证,所以一直在查关于"asyncData"的使用方法,故而误入歧途。

看一下各种修改时报错的声明,美轮美奂

_nuxt_axios__WEBPACK_IMPORTED_MODULE_0__.default.get is not a function

其实这就说的是找不到axios.get方法嘛,然而我当时就是觉得axios配置好了,找不到应该不是axios的问题。

inject is not a function:
  inject('axios', axios)

inject虽然我不知道是啥,但是在axios.js里面可以找得到报错的这句代码,这有一次说明了axios配置出现了问题,然而我就是抱着axios绝对没事的直觉,,又一次错过。

没啥办法的时候,我选择重新创建工程,然而每次结果都是一样的,在一点点派出了后端的错误,语法的错误,nuxt.js本身的错误(搞笑)之后,我终于开始质疑是axios自己的错误。

于是我尝试把axios添加到"package.json"文件中去,然后引用:

  "dependencies": {
    "@nuxtjs/axios": "^5.3.6
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值