一、在当前项目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);
		});
	}
}
Logo

华为开发者空间,是为全球开发者打造的专属开发空间,汇聚了华为优质开发资源及工具,致力于让每一位开发者拥有一台云主机,基于华为根生态开发、创新。

更多推荐