编写后台服务接口配置文件

const basePath = \'http://test.cdbhbc.com/wbgapi\'; 
const urlList = {
  // 刷新token
  refreshTokeUrl: basePath + \'/refreshToke\',//token
  // 登录和首页轮播
  loginUrl: basePath + \'/wxappLogin\',//登录
  advertPicListUrl: basePath + \'/advertPicList\',//轮播列表
  // 网吧
  shopSortListUrl: basePath + \'/shopSortList\',//网吧分类列表
  shopListUrl: basePath + \'/shopList\',//网吧列表
  shopDetailUrl: basePath + \'/shopDetail\',//网吧详情
  // 商品
  goodsSortListUrl: basePath + \'/goodsSortList\',//商品分类列表
  goodsListUrl: basePath + \'/goodsList\',//商品列表
  goodsDetailUrl: basePath + \'/goodsDetail\',//商品详情
  // 订单
  orderListUrl: basePath + \'/orderList\',//订单列表
  orderDetailUrl: basePath + \'/orderDetail\',//订单详情
  payBeforeInfoUrl: basePath + \'/payBeforeInfo\',//订单支付前信息
  submitOrderUrl: basePath + \'/submitOrder\',//提交订单
  // 购物车
  emptyShopCartUrl: basePath + \'/emptyShopCart\',//清空购物车
  addShopCartUrl: basePath + \'/addShopCart\',//添加到购物车
  shopCartListUrl: basePath + \'/shopCartList\',//购物车列表
  // 修改商品数量
  shopCartBuyCountOperateUrl: basePath + \'/shopCartBuyCountOperate\',//修改商品数量
  // 支付
  wxPayUrl: basePath + \'/wxPay/payConfig\',//支付信息接口
  // 特殊商品网费
  goodsSpecialDetailUrl: basePath + \'/goodsSpecialDetail\',//网费充值列表
  submitSpecialOrderUrl: basePath + \'/submitSpecialOrder\',//网费充值提交
  // 我的网吧
  shopMyListUrl: basePath + \'/shopMyList\',//我的网吧列表
  shopMyAddUrl: basePath + \'/shopMyAdd\',//添加我的网吧
}
module.exports = urlList;

接口配置文件的使用

// 引入配置文件config
const urlList = require(\'../../utils/config.js\');
// request请求的时候使用,实例:更新token接口的使用
App({
    refreshToke(){
        // 小程序登录接口获取code
        wx.login({
            success: res => {
                // console.log(res)
                if(res.errMsg == \'login:ok\'){
                    //调用refreshTokeUrl接口刷新token
                    wx.request({
                        url: urlList.refreshTokeUrl,
                        data: { code: res.code },
                        success: res => {
                            // console.log(res)
                            if(res.data.state == \'true\'){
                                // token本地存储并且进行全局变量的赋值
                                wx.setStorageSync(\'token\', res.data.data.token);
                                this.globalData.token = res.data.data.token;
                            }
                        }
                    })
                }
            }
        })
    }
})

接口配置文件的作用

  1. 在项目开发时能够在固定位置很快查到需要的接口;
  2. 服务器地址改变时,只用替换 basePath 的值,就能全部替换,不用去单独页面替换;
  3. 方便接口的集中管理,方便后期的维护。

DEMO下载

我的博客,欢迎交流!

我的CSDN博客,欢迎交流!

微信小程序专栏

前端笔记专栏

微信小程序实现部分高德地图功能的DEMO下载

微信小程序实现MUI的部分效果的DEMO下载

微信小程序实现MUI的GIT项目地址

微信小程序实例列表

前端笔记列表

游戏列表

版权声明:本文为linewman原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://www.cnblogs.com/linewman/p/9918442.html