如何使用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网络请求封装