1、首先在小程序根目录下新建common文件夹
2、在common文件夹下新建baseurl.js文件,这个文件放域名使用
let baseUrl = ''; // 域名
export {
baseUrl
}
3、在common文件夹下新建request.js文件,封装请求接口使用
import { baseUrl } from './baseurl.js'
module.exports = {
request : function(url, methodType, data){
let fullUrl = `${baseUrl}${url}`
return new Promise((resolve,reject)=>{
uni.request({
url: fullUrl,
method:methodType,
data,
header: {
'content-type': 'application/x-www-form-urlencoded', // 默认值
"authorization": uni.getStorageSync('token') // 看后端需要不需要,不要就去掉
},
success(res){
resolve(res);
},
fail(res){
reject(res);
}
})
})
}
}
4、在common文件夹下新建rapi.js文件,放置所有接口
import { request } from './request.js'
module.exports = {
// 获取接口数据
getlist: (data) => request('/api/goods/getlist', 'POST', data),
}
5、以上准备都完成接下来就可以使用了
在页面中的使用方法
const $api = require('../../common/api')
export default {
data() {
return {
title: 'Hello'
}
},
onLoad() {
let data = {
keyword: this.title,
}
$api.getlist(data).then((res) => {
console.log(res,'res');
})
},
methods: {}
}
以上就是所有内容了
注意:
根据个人习惯选择方法一或者方法二
方法一文章地址:CSDN
方法一demo下载地址: 小程序接口请求封装api(一)-Javascript文档类资源-CSDN下载
方法二文章地址: https://mp.csdn.net/mp_blog/creation/editor/127677395
方法二demo下载地址:https://download.csdn.net/download/lovewangyage/86894139