微信小程序 npm包的使用— vant-weapp组件库

 wechat-http - npmz

安装依赖 

npm install wechat-http

在根目录创建utils-request.js

import http from 'wechat-http'

// 接口基础地址
http.baseURL = 'http://124.223.14.236:8360/api'

// 请求拦截器
http.intercept.request = (options) => {
  // 指定默认的头信息
  const defaultHeader = {}
  // 权限认证
  defaultHeader.Authorization = 'Bearer token'
  // 合并头信息
  options.header = Object.assign({}, defaultHeader, options.header)
  // 拦截器处理后的请求参数
  return options
}

// 响应拦截器
http.intercept.response = ({ statusCode, data, config }) => {
  console.log(statusCode) // http 响应状态码
  console.log(config) // 发起请求时的参数
  // 拦截器处理后的响应结果
  return data
}

// 挂载到 wx 全局命名空间
wx.http = http

// 也可作为模块导出
export default http

 vant-weapp组件库

在局部的json文件中引入

"usingComponents": {
  "van-button": "@vant/weapp/button/index"
}

在根目录导入武哥的@vant文件