微信小程序将全部接口放在一个js文件

原文链接
找了两天才找到一篇文章,担心原文链接没有,才整理下来,挺感谢大佬,我也是个初学者,根据vue经验学习微信小程序

1.首先在项目根目录新建一个config.js,在里面配置好相关的请求地址
var host = "https://elm.cangdu.org"  //自己的域名
var config ={
  host,
  login_url: host +'/v1/cities' //域名+请求地址
}
module.exports =config;  //导出配置
2.在根目录的app.js把config.js的配置信息全局缓存起来
//app.js
var config =require('/config.js'); //引入文件

App({
  onLaunch: function () {
    // 展示本地存储能力
    wx.setStorageSync('config', config)   //全局缓存起来,在其他js页面就可以调用了

 //..........
}
3.在需要的js文件内调用
var config = wx.getStorageSync('config') //在第一行引入在app.js缓存
//在 nav事件中发起请求就可以了
  nav: function() {
//发起请求
    wx.request({
      url: config.login_url, 
      data: {
       type:'guess'
      },
      header: {
        'content-type': 'application/json' // 默认值
      },
      success(res) {
        console.log(res.data)
      }
    }) 
//请求结束
  },
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容