微信小程序全局配置wx.request参数

最新推荐文章于 2024-08-20 16:23:35 发布

滑过了流星

最新推荐文章于 2024-08-20 16:23:35 发布

阅读量3.1k

点赞数 1

分类专栏：小程序文章标签：小程序

本文链接：https://blog.csdn.net/qq_37742572/article/details/105774534

版权

这篇博客介绍了如何在Vue项目中配置微信小程序的全局请求设置，通过自定义的api.js服务文件来替代axios，详细阐述了基本配置步骤以及在页面中引入和使用的方法。

摘要由CSDN通过智能技术生成

此方法使用vue项目写好的api【相当于替代axios的一些功能】

基本配置

// http.js
const baseApi = {
  // 开发版
  develop: "http://192.168.0.52:8088/api",
  // 体验版
  trial: "https://v8api.icgoo.net/api",
  // 正式版
  release: "https://applet.icgoo.net/api"
}
export const env = accountInfo.miniProgram.envVersion  // 单签运行环境类型
export const root = baseApi[env]

function req(type, url, data) {
  var header = { // 根据需求设置请求头Authorization
    'content-type': 'application/json',
    "Authorization": wx.getStorageSync('token') || ''
  };
  let sessionId = wx.getStorageSync("UserSessionId");
  if (sessionId) {
    if (!header || !header["SESSIONID"]) {
      header["SESSIONID"] = sessionId;
    }
  }
  wx.showNavigationBarLoading();
  return new Promise((resolve, reject) => { // 返回一个Promise
    wx.request({
      url: root + url, // 请求地址