小程序接口的封装
先建两个js:
eg:
request.js 封装公共请求头部
const request = (params) => {
return new Promise((resolve,reject)=>{
wx.showLoading({ //请求加载中的loading
title: '加载中...',
})
wx.request({
url: BASE_URL + params.url,
method: params.method || 'GET',
header: {
anth: 'token'
},
success: res=>{
wx.showToast({
title: '请求成功',
})
resolve(res.data)
},
fail:err=>{
reject(err)
}
})
})
}
export default request
api.js:
将request.js 引入后 进行网址的拼接
import request from '../request'
export const getBanner = async () => {
let data = await request({
url: 'small4/banner/list'
})
return data
}
// export {
// getBanner
// }
在需要的页面里引入
import {
getBanner} from '../../assets/api/index'
getData(){
getBanner().then(res=>{
console.log(res.data)
debugger
})
权限问题
当遇到权限问题时不要慌张,以下有两种解决办法:
- 常用办法:
点开微信小程序右上角的详情------》本地设置-----》勾选不校验合法域名即可。
2.官网添加域名:
在微信小程序官网登陆-----》点开上方的介绍------》点击左侧开发-------》点击开发设置-------》在服务器域名(点击修改)------》扫描二维码添加即可。
小程序后台配置请求域名的注意事项
服务器域名请在 「小程序后台-开发-开发设置-服务器域名」 中进行配置,配置时需要注意:
- 域名只支持
https
(request
、uploadFile
、downloadFile
) 和wss
(connectSocket
) 协议 - 域名不能使用
IP
地址或localhost
- 域名必须经过
ICP
备案 - 服务器域名一个月内可申请5次修改
- 多个域名之间使用英文分号链接
未完待续