vue axois的封装

最新推荐文章于 2024-07-25 22:35:58 发布

DreamTTH

最新推荐文章于 2024-07-25 22:35:58 发布

阅读量143

点赞数

分类专栏： vue 文章标签： vue.js

本文链接：https://blog.csdn.net/DreamTTH/article/details/115395239

版权

vue 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

vue axois的封装

1.index.js页面,写请求函数


from axios import 'axios'

axios.defaults.beasURL('http://127.0.0.1:8000')
#超时请求
axois.defaults.timeout = 1000

export function funa(url,params){
	var x = new Params((resolve,reject)=>{
		axios({
			'url':url,
			'params':params
}).then(res=>{
	resolve(res.data)
}).catch(error=>{
	reject(error)
})
}
)
	return x
}

2.视图页面

<secrpt>
from   {xx} import '...api'

    
create(){
    xx().then(res=>{console.log(res)}).catch(error=>{console.log(error)})
    }
</secrpt>

3.api.js管理路由页面

from axios import axios

from {funa} import './index'



export const getTypeList =(params) => {return >funa('url', params)}



因为只有一个参数 可以省略 ()

export const getTypeList =params => {return >funa('url', params)}



因为只有一条语句 可以省略 {}



export const getTypeList =params => >funa('url', params)