vue3.0使用axios报错问题记录

Posted cg-cg

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue3.0使用axios报错问题记录相关的知识,希望对你有一定的参考价值。

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访问本地json文件

vue3.0-axios拦截器proxy跨域代理

错误记录Flutter 混合开发获取 BinaryMessenger 报错 ( FlutterActivityAndFragmentDelegate.getFlutterEngine() )(代码片段

vue3.0中console.log报错

VSCode自定义代码片段14——Vue的axios网络请求封装

VSCode自定义代码片段14——Vue的axios网络请求封装