axios中get请求一点就投透

最新推荐文章于 2024-02-21 15:12:50 发布

俗世凡人行

最新推荐文章于 2024-02-21 15:12:50 发布

阅读量218

点赞数

分类专栏： Vue 文章标签： get

本文链接：https://blog.csdn.net/weixin_41887155/article/details/107638290

版权

Vue 专栏收录该内容

56 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<script src="js/vue.js" type="text/javascript" charset="utf-8"></script>
		<link href="https://cdn.jsdelivr.net/npm/animate.css@3.5.1" rel="stylesheet" type="text/css">
		<script src="https://unpkg.com/axios/dist/axios.min.js"></script>
		<style type="text/css">
			
		</style>
	</head>
	<body>
		<div id="app">
			<button type="button" @click="getData">获取数据</button>
			<p>{{token}}</p>	
		</div>
	</body>
</html>
<script type="text/javascript">			
	var vm = new Vue({
		el:'#app',
		data:{
			token:'',					
		},
		methods:{
			getData:function(){				
				//法二 用箭头函数, this就是指向的vue实例,建议用箭头函数, 否则需要用上面那种那种方法处理
				var url = 'http://139.196.186.154:8080/manage/manage_user/login';
				data = {
					name:'admin',
					pwd:'e10adc3949ba59abbe56e057f20f883e'
				};
				// get()里面除了url,参数,还可以加第三个参数header;后面还可以有.catch,catch后还可以then
				axios.get(url,{params:data}).then(res=>{
					this.token = res.data.data.token;
					console.log(res.data)
				})
				
				
			}			
			
		}
			
	});
</script>