学习路之Vue--vue引入axios

一、在当前项目cmd输入如下命令安装axios

npm install axios

D:\workspace\web_html_css\vue2.6cli>D:/HBuilderX/plugins/npm/npm.cmd install axios //使用的是hbuilder内置的npm
//安装后node_modules目录下有axios库文件

二、在main.js中引入axios,绑定到vue对象上

import axios from ‘axios’ //引入axios
Vue.prototype.$http = axios

三、使用访问后端api接口

methods:{
	getdata(){
		console.log('getdata');
		this.$http({
			url: 'http://api.tp6api.com:88/user',
		}).then((res)=>{
			console.log('res',res);
		},(err)=>{
			console.log('err',err);
		});
	}
}