uniapp封装请求接口【直用版】

1.创建2个文件：request.js 和news.js（自己的接口是用户就user.js）

request.js：（直接复制,baseUrl换自己的）

export default {
	config: {
		baseUrl: "http://hwww.fun:2222",
		header: {
			'Content-Type':'application/json;charset=UTF-8',
			'Content-Type':'application/x-www-form-urlencoded'
		},  
		data: {},
		method: "GET",
		dataType: "json",  /* 如设为json，会对返回的数据做一次 JSON.parse */
		responseType: "text",
	},
	request(options) {
		if (!options) {
			options = {}
		}
		options.baseUrl = options.baseUrl || this.config.baseUrl
		options.dataType = options.dataType || this.config.dataType
		options.url = options.baseUrl + options.url
		options.data = options.data || {}
		options.method = options.method || this.config.method
	   
		return new Promise((resolve, reject) => {
				uni.request({
					...options,
					success:(result)=>{
						if(result.statusCode != 200){
							return reject();
						}
						let data =result;
						resolve(data.data);
					}
				})	
				
		});
	 },
	 get(url, data, options) {
	 	if (!options) {
	 		options = {}
	 	}
	 	options.url = url
	 	options.data = data
	 	options.method = 'GET'  
	 	return this.request(options)
	 },
	 post(url, data, options) {
	 	if (!options) {
	 		options = {}
	 	}
	 	options.url = url
	 	options.data = data
	 	options.method = 'POST'
	 	return this.request(options)
	 },
}

news.js：（直接复制）

import $http from '@/common/api/request.js'

const urls={
		getNewsById:"/news/getNewsById/",//根据id获取新闻
		newPageList:"/news/NewPageList",//获取新闻分页
}

export default {
	newPageList(data){//根据id获取新闻
		return $http.post(urls.newPageList,data)
	},
	getNewsById(id){//获取新闻分页
		return $http.get(urls.getNewsById+id)
	}
}

在需要使用的页面：

<script setup>
	import news from '@/common/api/news.js' //先导入news.js
	const data = {
		"pageNo": 1,
		"pageSize": 1
	}
	const newsid=1
	news.newPageList(data).then((re)=>{  //news里面找到自己需要的方法，再用then方法查看
		console.log(re);
	})
	news.getNewsById(newsid).then((re)=>{
		console.log(re);
	})
		
</script>