如何使用vue中的axios

Posted fengshaopu

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了如何使用vue中的axios相关的知识,希望对你有一定的参考价值。

第一步、找到当前文件夹,输入cmd 打开命令行
输入 cnpm install axios --save 下载 axios

cnpm install axios --save

第二部下载完以后,在全局的main.js中配置

import axios from 'axios'
Vue.prototype.$axios=axios

然后在组件中就可以使用了

  mounted() {
    this.axios.get("https://api.it120.cc/small4/cms/news/list").then((res)=>{
      console.log(res);
    })
  },```

然后就在页面中打印出数据了
{data: {}, status: 200, statusText: "", headers: {}, config: {},}

以上是关于如何使用vue中的axios的主要内容,如果未能解决你的问题,请参考以下文章

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

vue中axios请求成功了如何把数据渲染到页面上?

如何使用vue中的axios

如何从 axios vue 中的对象中获取数据

Vue-Select:如何将此 fetch() 代码转换为使用 axios?

回归 | js实用代码片段的封装与总结(持续更新中...)