Vue3.0中使用axios遇到报错，如何排查并解决axios配置问题？

本文共计301个文字，预计阅读时间需要2分钟。

在使用vue-cli 3.0并集成axios时，若遇到无法设置$axios属性的错误，可能是因为axios没有被正确安装或配置。以下是错误信息和简单修改后的内容：

错误信息：Uncaught TypeError: Cannot set property '$axios' of undefined

修改后的内容：在使用vue-cli 3.0项目中，若axios配置出错，可能是因为axios未被正确安装或配置。请检查是否已通过npm安装axios，并在Vue实例中正确引入和使用。

vue-cli3.0使用axios的时候出现错误，记录一下

报错信息：

Uncaught TypeError: Cannot set property $axios of #<Vue> which has only a getter
at eval (main.js?56d7:12)
at Module../src/main.js (app.js:11102)
at __webpack_require__ (app.js:724)
at fn (app.js:101)
at Object.0 (app.js:11283)
at __webpack_require__ (app.js:724)
at app.js:791
at app.js:794

vue-cli3.0安装插件的时候要注意区分vue-cli2.0的命令

安装：

//vue-cli2.0命令 $ npm install axios //vue-cli3.0命令 $ npm add axios

使用：

1.首先在main.js里边把axios实例挂载到Vue原型上 坑点: 命名的时候不能使用"axios"这个字段 import axios from 'axios' Vue.prototype.$ajax = axios 2.在需要发送请求的地方使用"$ajax" this.axioss.get('/api/seller') .then(function(res){ console.log(res); this.seller = res.data; }) .catch(function(error){ console.log(error); })

到此这篇关于vue3.0使用axios报错问题记录的文章就介绍到这了,更多相关vue3.0使用axios报错内容请搜索易盾网络以前的文章或继续浏览下面的相关文章希望大家以后多多支持易盾网络！