axios

最新推荐文章于 2023-10-26 20:40:06 发布

星~闪耀

最新推荐文章于 2023-10-26 20:40:06 发布

阅读量124

点赞数

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

本文链接：https://blog.csdn.net/Silly011/article/details/119187110

版权

Vue 专栏收录该内容

5 篇文章 0 订阅

订阅专栏

1.支持多种请求方式

(1)axios
(2)axios.request(config)
(3)axios.get(url[,config])
(4)axios.delete(url[,config])
(5)axios.head(url[,config])
(6)axios.post(url[,data[,config]])
(7)axios.put(url[,data[,config]])
(8)axios.patch(url[,data[,config]])

2.安装axios

在项目文件夹下的cmd.exe中输入cnpm install axios --save
在这里插入图片描述

出现如下所示，axios就安装成功了
在这里插入图片描述

3.在项目的main.js文件中导入axios

import axios from 'axios'
import qs from 'qs'
//将axios挂载到vue实例上，使用时就可以 this.$axios 这样使用了
Vue.prototype.$axios = axios;
//将qs挂载到vue实例上，使用时就可以 this.$qs 这样使用了
Vue.prototype.$qs = qs;

在这里插入图片描述

4.axios写法：

axios({
	//要访问的地址
	url:'http://123.207.32.32:8000/home/multidata',
	//在url末尾添加数据
	params:{
		type:'pop',
		page:1
	},
	// 访问方式 get/post
	method:'get'
}).then(res=>{//res为axios返回的结果（res的名字可以自己取）
	// 打印axios的结果
	console.log(res)
})