0
点赞
收藏
分享

微信扫一扫

uniapp(vue)api简单封装

南陵王梁枫 2022-04-13 阅读 77
javascript

新建apis目录
两个js文件

  • request.js存放原生请求
  • apis.js 存放简易请求

request.js



	const get=(url) => {
		return new Promise((resolve,reject)=>{
			uni.request({
			url: url,
			method: 'GET',
			success: (res) => {
				resolve(res)
			},
			fail:(err)=> {
				reject(err)
			}
		})
		})
	}
	const  post = (url, data) => {
		uni.request({
			url: url,
			method: 'POST',
			data: data,
			success: (res) => {
				resolve(res)
			},
			fail:(err)=> {
				reject(err)
			}
		})
	}

export default{//导出
	get,
	post
}

apis.js

import http from './request.js'//导入上面那个文件

const apis={
	get(url){
		return http.get(url)
	},
	post(url,data){
		return http.post(url,data)
	},
	getArticleById(id){
		return http.get('http://ip域名/articles/getNewsById?Id='+id)
	}
}
export default apis //导出

vue入口文件main.js

import httpA from 'apis/apis.js' //导入apis.js并重命名为httpA
Vue.prototype.$http = httpA  //把apis注册给Vue名为$http,使用时this.$http.apis中的方法

实例使用

this.$http.getArticleById(19).then(res=>{
					console.log(res)
				})
举报

相关推荐

0 条评论