1.添加一个js文件  例如:class/api/Post.js

2.编写js文件  例:token我存在用户信息 17000用户信息过期

3.引用 app.js

4.页面使用

代码:

export default class Post {constructor() { }request = (path, data) => {let app = getApp(),url = `${app.globalData.api}${path}`,header = {token: wx.getStorageSync('user').token || '','content-type': 'application/x-www-form-urlencoded'}var promise = new Promise((resolve, reject) => {wx.request({url: url,data: data,method: "POST",header: header,success(res) {console.log('res 响应拦截', res.data.code)if (res.data.code == 17000) {wx.showModal({title: '提示',content: '授权已过期或未授权!请重新授权!',showCancel: true,cancelText: "返回首页",confirmText: "去授权",success: (res) => {res.cancel ?wx.switchTab({url: '/pages/index/index',}) :wx.navigateTo({url: '/pages/login/login',})},fail: res => { }})}return resolve(res)},fail: reject})});return promise;}
}

import Post from './class/api/Post.js'const post = new Post();App({post: post,onLaunch: function () {const updateManager = wx.getUpdateManager()updateManager.onUpdateReady(function () {wx.showModal({title: '更新提示',content: '新版本已经准备好,是否重启应用?',success(res) {if (res.confirm) {// 新的版本已经下载好,调用 applyUpdate 应用新版本并重启updateManager.applyUpdate()}}})})},globalData: {api: Config.api,userInfo: null}
})
 app.post.request('api', {pageNum: 1,type: 0,lat: 29.03158,lon: 111.69854}).then(res => {console.log('responent', res)})

微信小程序 封装post请求 header加token code码拦截相关推荐

  1. 微信小程序封装api请求步骤

    小程序发起网络请求 需用到 wx.request() 废话不多说 直接开始封装 1.首先创建一个request文件夹里边创建一个api.js和request.js 2.封装的请求在request.js ...

  2. 微信小程序封装request请求数据

    遇到问题不要慌 做项目离不开请求数据 1.为什么要封装api去请求接口数据 做微信小程序的时候请求数据的时候会多次用到wx.request请求,如果每次都去写一遍 wx.request({url: ' ...

  3. 微信小程序request请求封装;微信小程序封装request请求;uni-app小程序封装request请求;

    本片封装了微信小程序request请求:为别是post get put请求,重点在request.js文件 1.新增四个文件 2.根目录下的utils下的request.js封装uni.request ...

  4. 微信小程序 封装网络请求并调用

    微信小程序开发交流qq群   526474645 正文: util.js // 网络请求 const request = function(url, method, data, msg, succ, ...

  5. 微信小程序封装request请求,primise队列化,async await做同步处理,缓存token信息

    话不多数直接上代码! 在app.js文件中加入,一般新建的项目都有globalData只需要在里面添加你的信息就行了 globalData: {Ip:'',Header:{ //request 请求头 ...

  6. 小程序ajax返回html,微信小程序封装Ajax请求

    var a朋不功事做时次功好来多这开制的请一例农在pp = getApp()是能览调不页新代些事几求事都时学下是事; c带道术用量确示常构端析以要效开的用,近不onst serverIp = app. ...

  7. 微信小程序-封装http请求(ajax)

    官方api发起请求: wx.request 进行封装:要进行一些公共处理,比如添加处理拦截等等 在app.js中声明url前缀 url: '请求ip地址', 声明ajax方法 ajax(model) ...

  8. 微信小程序封装multipart请求体(wx-formdata)

    封装 mimeMap.js module.exports = {"0.001": "application/x-001","0.323": ...

  9. 微信小程序封装懒加载图片

    微信小程序封装懒加载图片 js /components/LazyImage/index.js // components/LazyImage/index.js Component({/*** 组件的属 ...

最新文章

  1. 网络工程师职业发展解读
  2. Python中的反射机制(reflect)
  3. 阿里云前端周刊 - 第 13 期
  4. ArcGIS下的多节点可达性分析
  5. 软件过程与项目管理第四周作业
  6. 全部换新-微软复兴.NET,C#10 .NET6 VS2022各个强势!
  7. 从工具的奴隶到工具的主人
  8. 于.net开发平台项目案例集锦
  9. 计算机组成原理算术运算实验报告,计算机组成原理算术逻辑运算实验报告
  10. vue 多点触控手势_手写 Vue 手势组件__Vue.js
  11. 腾讯面试官这样问我二叉树,我刚好都会 | 原力计划
  12. 瑞星年度网络安全报告揭示 “互联网+”企业最“高危”
  13. curl 慢 不稳定_徐工起重机:龟速一样"慢"的机器,竟还有人抢着买?
  14. 数据库能查出数据,但mybatis查询出返回的结果是null
  15. vue router-link添加点击事件无效
  16. Spring AOP的实现思想之动态代理
  17. 火狐浏览器linux最新版本下载,火狐浏览器Linux最新版下载
  18. Discuz论坛项目架构分析
  19. 硅谷的摇篮-斯坦福大学
  20. border和boder-radius

热门文章

  1. AXI总线性能监测和FPGA调试:VARONVSTAR
  2. 校企合作计算机专业共建协议书,校企合作共建实训基地的协议书
  3. 分割速度最快的视频分割器
  4. html+css+布局从入门到精通,CSS+DIV网页样式布局实战从入门到精通 中文pdf扫描版[48MB]...
  5. 利盟在台湾地区发布十二款激光打印新品
  6. 电阻的固有噪声(热噪声)
  7. FPGA自学4—— Modelsim仿真软件使用
  8. java关于base64加密与生成签名的一种思想,base64中=的含义
  9. 【转】使用Java实现MP3音乐播放器
  10. 俄罗斯方块android设计,关于Android开发俄罗斯方块