vue中请求库Axios使用方法

最新推荐文章于 2022-08-12 20:55:06 发布

原创最新推荐文章于 2022-08-12 20:55:06 发布 · 2.3k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#前端 #ajax

vue3 同时被 2 个专栏收录

4 篇文章

订阅专栏

axios

4 篇文章

订阅专栏

本文详细介绍了在Vue.js项目中如何安装并使用Axios库进行API请求。首先，通过npm安装Axios；接着，在main.js文件中导入并挂载到Vue的原型链上；最后，在组件的created钩子中调用$axios发起GET请求，并处理响应数据及错误。

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

1.先Axios安装依赖
	cnpm install axios
2.在main.js中引入axios文件
	import Axios from 'axios'
3.在main.js中给Vue原型链挂载这个属性。
	Vue.prototype.$axios = Axios;
4.在其他组件中就可以引用axios。如下：
	created(){
		this.$axios.get('所请求的文件地址').then(
			res => {
				console.log(res.data);
			}).catch(err = >{
				console.log(err)
			})	
	}