VUE安装axios出现TypeError: this.$axios is not a function问题

已于 2022-05-17 11:06:25 修改
阅读量2.8k 收藏 2
点赞数 3
CC 4.0 BY-SA版权
文章标签： vue.js javascript 前端
于 2022-05-17 09:00:25 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/hellotutu/article/details/124813609
本文介绍了在Vue项目中安装axios并配置Vue原型链时遇到的TypeError，重点在于解决步骤：确保在main.js中添加Vue.prototype.$axios = axios;这一关键代码。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

TypeError: this.$axios is not a function

axios的安装

1、首先安装axios和vue-axios

npm i axios vue-axios --save

2、在main.js中进行导入

import axios from 'axios'
import VueAxios from 'vue-axios'

3、在main.js中注册

Vue.use(VueAxios,axios)

出现TypeError: this.$axios is not a function问题

安装完成过后，出现TypeError: this.$axios is not a function问题：
问题
在main.js中
少写一句话：

Vue.prototype.$axios = axios;

加入后，就🆗啦

hellotutu
关注
出现 Error in callback for watcher “xx“: “TypeError: this.xx.forEach is not a function“ 解决方法
码农研究僧的博客
03-17 1211
出现 Error in callback for watcher "xx": "TypeError: this.xx.forEach is not a function" 解决方法
TypeError token.type.endsWith is not a function vue eslint 问题解决
m0_67390379的博客
03-08 1143
1. 问题原因 今天用vue-cli搭建了一个脚手架 发现 let / await / async 关键字不能用会直接报错 token.type.endsWith is not a function async / await 会报错 删除了就好了. let 也不好用 换成var就好用了 这就很奇怪 2. 问题排查 排查了很久发现是eslint的问题, 然后各种百度, 发现有个issue讨论过这个问题 这是我之前的package.json { "name": "orion-ops-vue.
Vue 报错TypeError: this.$set is not a function 的解决方法
12-12
报错场景：将APi中得到的response数据，用Vue$set()使数据动态响应 报错代码： methods: { textTranslate: function (text, to) { $.ajax({ url: 'http://openapi.youdao.com/api', type: 'post', dataType: 'jsonp', data: { q: text, appKey: this.appKey, salt: this.salt, from: this.from, to:
“TypeError: this.axios is not a function“解决方法
Vanllen_moon的博客
04-01 1万+
1.首先检查是否已成功安装axios和vue-axios 若没有安装，执行以下命令 npm i axios vue-axios --save 2.检查是否已在main.js中导入 若没有，在main.js中进行导入 import axios from 'axios' import VueAxios from 'vue-axios' 3.检查是否已在main.js中注册，同时注意注册顺序，需先注册VueAxios，否则会报错 在main.js中注册 Vue.use(VueAxios, axios) 至
踩坑分享（ 11 ）- 使用vue-axios报错：TypeError: this.axios is not a function
烟溪彭于晏的博客
06-02 4635
使用vue-axios报错：TypeError: this.axios is not a function
_this.axios is not a function 的原因和解决
热门推荐
hello world
02-26 11万+
原因： 未引用axios模块 解决方法： 1. 安装axios 也可以使用淘宝镜像的cnpm来安装 npm install --save axios vue-axios 2.在main.js中引用 在项目中使用axios模块 import axios from 'axios' import VueAxios from "vue-axios"; Vue.use(VueAxios) 3.发送请求 this.axios({ method: 'post',.
vue _this.$axios is not function vue 入门
jiazhenyu1的博客
09-30 2万+
初学vue  话不多说 先解决问题先 this.$axios({ method: 'post', url: '接口', data: qs.stringify(parameter) }).then(。。。。。以下省略 多么正规的写法 别的页面这样写没问题 就这个 报错 说  _this.$axios is not function 原来是 这个请求所在的方法 写法上出了些问题: ...
index.vue:144 TypeError: _this.$http.get is not a function
最新发布
03-30
在 Vue 项目中，如果遇到 `this.$http.get is not a function` 的错误，通常是因为未正确配置 Axios 或者未将其挂载到 Vue 实例上。以下是详细的分析和解决办法： #### 错误原因 当使用 `Vue.use(VueAxios, axios)`...
One.vue:43 Uncaught (in promise) TypeError: this.data.reduce is not a function at Proxy.initChart (One.vue:43:1) at Proxy.eval (One.vue:27:1)
03-12
好的，用户遇到了一个JavaScript错误：“Uncaught (in promise) TypeError: this.data.reduce is not a function”，在One.vue文件的第43行。我需要帮他们分析这个问题。 首先，错误信息指出在调用this.data.reduce...
在uniapp中使用axios出现adapter is not a function的解决方案
姚家威的博客
05-31 1万+
在uniapp中使用axios请求接口，出现adapter is not a function： 大致就是说适配问题不兼容，因为我们这里是引用的axios插件，在兼容方面还需要做相应处理。 我这里呢是请求自己一个接口，获取图书信息 结构： <template> <view class="content"> <!-- <image class="logo" src="/static/logo.png"></image> --> <v
vue全局使用axios的方法实例详解
12-12
在vue项目开发中，我们使用axios进行ajax请求，很多人一开始使用axios的方式，会当成vue-resoure的使用方式来用，即在主入口文件引入import VueResource from 'vue-resource'之后，直接使用Vue.use(VueResource)之后即可将该插件全局引用了，所以axios这样使用的时候就报错了，很懵逼。 仔细看看文档，就知道axios 是一个基于 promise 的 HTTP 库，axios并没有install 方法，所以是不能使用vue.use()方法的。☞查看vue插件 那么难道我们要在每个文件都要来引用一次axios吗？多繁琐！！！解决
this.$axios.all() is not a function和this.$axios.spread()is not a function报错解决办法以及并发请求用法介绍
naoguaten的博客
01-16 1913
axios并发请求
网页中使用javaScript出现Uncaught TypeError: axios.post is not a function的解决办法
李文韬的博客
10-07 3941
网页中使用javaScript出现Uncaught TypeError: axios.post is not a function的解决办法
VUE axios 封装报错 TypeError: this.$http.get is not a function
qq_26330543的博客
12-02 9275
1、封装 axioshttp.js import axios from 'axios'; const requests = axios.create({ baseURL:'http://localhost:8000/', timeout:600 //请求超时时间 }) //错误处理函数 const err = (error) =>{ if(error.response){ const data = error.response.data; if(error.response.sta
vue axios.get(...).then(...).catch(...).finally is not a function, vue axios不支持finally的解决办法
coding绝了都
11-13 4921
IE浏览器以及edge浏览器的不支持es6里面promise的finally 报错 vue axios.get(…).then(…).catch(…).finally is not a function 解决方法： 借助promise.prototype.finally包 npm install promise.prototype.finally -S 最后记得在 main.js 里引入该依赖包： require('promise.prototype.finally').shim(); // 之后
Vue Typescript 原型prototype this axios 报错解决方法
01-03 2677
ts与js的语法不一样，但是js有的ts也必须有。 js的axios一般赋值给Vue.prototype.axios,ts也是可以的，但访问不要使用this而是使用Vue.protortype。具体如下 //main.ts Vue.prototype.axios = axios; //其他vue组件中，有两种引用方法 @Component export default class Demo extends Vue { axios = Vue.prototype.axios;
vue项目中使用axios.all处理并发请求报_util2.default.axios.all is not a function异常
唯爱浅浅waqq914的博客
06-09 1万+
vue项目中使用axios.all处理并发请求报_util2.default.axios.all is not a function异常 报错： _util2.default.axios.all is not a function代码：init () { util.axios.all([this.getCourseInit(), this.getConfirmInit()]...
axios报错： TypeError: r.toUpperCase is not a function
weixin_45866961的博客
09-04 962
axios报错： TypeError: r.toUpperCase is not a function
关于Jquery错误的解决：Uncaught TypeError: $.post is not a function
LisenH的博客
11-07 1万+
在用Jquery的ajax去post时，提示Uncaught TypeError: $.post is not a function： 原因是用了jquery-3.2.1.slim.min.js，换成jquery-3.2.1.min.js就好了
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值