vue-cli 引入axios

最新推荐文章于 2025-06-03 10:39:26 发布

原创最新推荐文章于 2025-06-03 10:39:26 发布 · 805 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#axios

本文介绍如何使用npm安装Axios库并将其集成到Vue项目中，通过将Axios挂载到Vue原型上，使得所有组件都可以方便地调用HTTP请求方法。文中详细描述了安装步骤、代码配置及组件内请求示例。

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

1、npm安装axios，安装指令如下，如果npm安装较慢可以使用cnpm

npm install axios --save

2、在mian.js中引入axios，并将 axios 改写为 Vue 的原型属性

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

3、组件使用

query () {
	this.$http({
    	method:'post',
    	url:'url',
    	data:{
    		
    	}
    }).then(function(res){
    	console.log(res)
    }).catch(function(err){
      	console.log(err)
    })
}

4、浏览器请求结果
在这里插入图片描述
5、详细axios文档、API，添加链接描述