編寫後臺服務介面配置檔案

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下載

遊戲列表