使用封装的axios发送请求

src\api\api.js 定义请求路由方法:

	import URLS from '../../config/urls'
	import { get, post } from './ajax'
	let base = URLS.API_URL
	// 用户相关
	export const postLogin = p => post(`${base}/login/`, p);
	export const getLogin = p => get(`${base}/login/`, p);

App.vue 导入路由请求方法测试请求数据:

	<template>
	<div id="app">
	<router-view/>
	</div>
	</template>

	<script>
	import { postLogin,getLogin } from './api/api'  // 导入路由请求方法
	export default {
	name: 'App',
	created () {
 	this.testGet();
	this.testPost();
	},
	methods: {
  	// 获取数据
  	testPost() {
    	// 调用api接口,并且提供了两个参数
    	postLogin({
      	type: 0,
      	sort: 1,
      	lst:[1,2,3,4,5]
    	}).then(res => {
      	// 获取数据成功后的其他操作
      	console.log(res,1111111)
    	}).catch(
    	)
  	},
  testGet() {
    // 调用api接口,并且提供了两个参数
    getLogin({
      type: 0,
      sort: 1,
      lst:[1,2,3,4,5]
    }).then(res => {
      	// 获取数据成功后的其他操作
      	console.log(res,22222222222222)
      	}).catch(
    	)
  	},
	}
}
</script>
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值