vue中axios安装及使用

老龄码农

于 2021-01-16 00:05:35 发布

阅读量547

点赞数

分类专栏： vue 文章标签： vue

本文链接：https://blog.csdn.net/redhat0921/article/details/112690233

版权

vue 专栏收录该内容

5 篇文章

订阅专栏

本文介绍了如何在Vue项目中通过npm安装axios并将其全局挂载，以便于在组件中方便地进行HTTP请求。步骤包括安装axios、在main.js中引入并挂载到Vue原型上，以及在mounted钩子中使用get方法进行网络请求示例。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1、安装

npm install axios --save-dev

2、main.js中添加

import axios from 'axios';
Vue.prototype.$axios = axios
Vue.config.productionTip = false

3、使用：

mounted() {
      this.$axios.get("https://m.maizuo.com/gateway?cityId=510100&pageNum=1&pageSize=10&type=1&k=4316184").then((result) => {
        console.log(res.data);
      })
},