微信小程序> 微信小程序开发(三):封装小程序项目Url

微信小程序开发(三):封装小程序项目Url

浏览量:579 时间: 来源:北方小伙_

在一个项目中,需要和后台通信,进行数据处理,因此会出现很多“http://…”之类的地址,这么写也不是不可以,只不过只要多起来了就很难看。而且每次写的时候也很麻烦的,所以,我们对他们进行一个简单的封装,所谓封装,就是一个地方写好了,在别处直接引用就好,看第一步:
1.1建立公共文件 config.js,如下图:
与app.*文件属同一级别目录
小程序
我们要在这个js文件里进行url的封装,

  var appurl ="http://localhost:8081"    var appid ="xxxxxxxxxxxxxxxx官网申请的那个"    var config = {      appurl,       appid,       userUrl: `${appurl}/index/` **//一定要使用tab键上面那个点,不要用英文单引号'**     };      module.exports=config //有了这句话,就代表着,这个页面的内容可以被外部引用,很关键的哦。

1.2,接着在引用到的页面进行引用即可,在相应的js页面这么写,写在 page函数外面,最好写在顶部,

const userUrl = require('../../config.js').userUrl 

页面引入完成后,就是要在项目中使用,看事例:
小程序
到此一个简单的整合就结束了,照猫画虎,以后需要什么url了都可以在这里进行封装,自己增加即可,有看不懂的或者讲解错误的部分欢迎评论区批评指正。

微信小程序

版权声明

即速应用倡导尊重与保护知识产权。如发现本站文章存在版权问题,烦请提供版权疑问、身份证明、版权证明、联系方式等发邮件至197452366@qq.com ,我们将及时处理。本站文章仅作分享交流用途,作者观点不等同于即速应用观点。用户与作者的任何交易与本站无关,请知悉。

产品经理

手机 : 13312967497

擅长 : 小程序流量变现

扫码领取礼包

最新资讯

热门模板

  • 头条
  • 搜狐
  • 微博
  • 百家
  • 一点资讯
  • 知乎