创建目录scr/api/http2

创建scr/api/http2/ndex.js

import axios from 'axios'

const url = "http://xxx.com:9000/";
let data
export default {
	apipost(uri, params) {
		var that = this		
		return new Promise((resolve, reject) => {
			axios.post(url+uri, {
				appkey:'sssa',
				data:params
			}).then((response) => {
				resolve(response)
			}, (response) => {
				reject(response)
				_g.closeGlobalLoading()
				that.$message({
					message: '请求超时,请检查网络',
					type: 'warning'
				})
			}).catch(error => {
				console.log('shibai ', error)
			})
		})
	}
}

main.js中引入全局方法

import http from '@/api/http2'
Vue.prototype.http2 = http

vue页面调用方法,同步请求

async clickLoginErr(){
	console.log('clickLoginErr...');
	await this.http2.apipost('test2', {"zyid":"admin","pwd":"123456"}).then(res => {
		//请求成功
		console.log('请求成功',res.data);
	}).catch(err => {
		//请求失败
		console.log('请求失败',err.data);
	})
	console.log('end-------------');
},

同步请求执行结果

异步请求,需要去掉方法前的 async和await

异步请求执行结果

Logo

为开发者提供学习成长、分享交流、生态实践、资源工具等服务,帮助开发者快速成长。

更多推荐