微信小程序 wx.request 简单封装和使用

1.在utils文件夹中新建utils.js文件

 const baseURL = 'https://************'


export const myRequest = (options) => {
    
    

	// console.log(wx.getStorageSync('fy_token'))
	// console.log(wx.getStorageSync('fy_password'))
	// console.log(wx.getStorageSync('fy_token'))

	let header = {
    
    
		"Content-Type": "application/json",
		"token": wx.getStorageSync('fy_token'),
		"client_time_sign": new Date().setMonth(new Date().getMonth() - 6) / 1000 * 1.24,
		"md": !wx.getStorageSync('loginUser') || wx.getStorageSync('loginUser')=="" ?
			wx.getStorageSync('fy_password') : JSON.parse(wx.getStorageSync('fy_password')).password
	}

	return new Promise((resolve, reject) => {
    
    

		wx.request({
    
    

			url: baseURL + options.url,
			method: options.method || 'POST',
			header: header,
			data: options.data || {
    
    },

			success: (res) => {
    
    
				resolve(res)
				if (res.data.message == "传入的token值有误，不能通过签名验证") {
    
    
					wx.showToast({
    
    
						title: 'token值错误,请重新登录',
						icon: "none"
					})
					// wx.navigateTo({
    
    
					// 	url: '/pages/logs/logs',
					// })	

				}
				// console.log("token错误",res.data.status)
			},

			fail: (err) => {
    
    
				wx.showToast({
    
    
					title: '请求接口失败！'
				})
				reject(err)
			},
			complete() {
    
    
				wx.hideLoading()
			}
		})
	})
}

其中 baseURL 可以设置为请求的本地地址 和线上地址 ,可以配置请求头 header 当请求端口需要token 等一些验证信息时，需要配置。token错误可以根据code码进行判断,后端说配置不好code码只能进行返回的msg进行判断。可以验证

2.在需要使用的界面的js文件中引入utils文件

3.在wx.js文件使用

	utils.myRequest({
    
    
		url:"/**/**",  //为后端给的接口地址
		method:"POST"//请求方式，可以给post,也可以为get
		data:{
    
    },//data为传给的后台的JSON对象。
	}).then(res=>{
    
    
		console.log(res.data)
		//输出后台返回的值
	)

简单的wx.request封装好了.