成都创新互联网站制作重庆分公司

如何在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
URL标题:http://cxhlcq.com/article/joggoc.html

其他资讯

在线咨询

微信咨询

电话咨询

028-86922220(工作日)

18980820575(7×24)

提交需求

返回顶部