如何在vue组件中使用axios

如何在vue组件中使用axios？相信很多没有经验的人对此束手无策，为此本文总结了问题出现的原因和解决方法，通过这篇文章希望你能解决这个问题。

创新互联专业网站制作、网站设计，集网站策划、网站设计、网站制作于一体，网站seo、网站优化、网站营销、软文营销等专业人才根据搜索规律编程设计，让网站在运行后，在搜索中有好的表现，专业设计制作为您带来效益的网站！让网站建设为您创造效益。

通常情况下，我们搭建好的项目目录应该是这样子的

如何在vue组件中使用axios

首先需要安装axios，这个会npm的都知道

下一步，在main.js中引入axios

import axios from "axios";

如何在vue组件中使用axios

与很多第三方模块不同的是，axios不能使用use方法，转而应该进行如下操作

Vue.prototype.$axios = axios;

如何在vue组件中使用axios

接着，我们就可以在App.vue中使用axios了

created:function(){
 this.$axios.get("/seller",{"id":123}).then(res=>{
  console.log(res.data);
 });
}

如何在vue组件中使用axios

看完上述内容，你们掌握如何在vue组件中使用axios的方法了吗？如果还想学到更多技能或想了解更多相关内容，欢迎关注创新互联行业资讯频道，感谢各位的阅读！

网站名称：如何在vue组件中使用axios
网页链接：http://lszwz.com/article/joggoc.html

乐山网站建设